/*
**Snackbar
*/
#alertSnackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #f95454;
    color: #fff;
    /*text-align: center;*/
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 9999;
    left: 45%;
    bottom: 50%;
    font-size: 15px;
    font-weight: 600;
}

#alertSnackbar.show {
    visibility: visible;
    -webkit-animation: fadein 1s, fadeout 1s 3s;
    animation: fadein 1s, fadeout 1s 3s;
}
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 50%; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 50%; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 50%; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 50%; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}
.approved{
    font-size: 90%;
    padding: 7px !important;
    background: rgba(0, 0, 0, 0) linear-gradient(#00ff00, #156315) repeat scroll 0 0;
    color: #fff;
    font-weight: 700;
    padding: 0.2em 0.6em 0.3em;
    border-radius: 4px;
    text-decoration: none;
}
.approved:hover{
    border-radius: 4px;
    color: #fff;
    font-weight: 600 !important;
    text-decoration: none;
    box-shadow: 1px 1px 5px #336699;
    text-decoration: none;
}
.approve{
    background: rgba(0, 0, 0, 0) linear-gradient(#ff0000, #7c2424) repeat scroll 0 0;
    border-radius: 4px;
    color: #fff !important;
    font-size: 90%;
    font-weight: 700;
    padding: 7px;
    text-decoration: none;
}
.approve:hover{
    border-radius: 4px;
    color: #fff;
    font-weight: 600 !important;
    text-decoration: none;
    box-shadow: 1px 1px 5px #336699;
    text-decoration: none;
    cursor: pointer;
}
.divChangeLog{
    box-shadow: 2px 2px 10px #3a7ec5;
    padding: 10px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
}
.awaitingConfirmationIndication {
    width: 10px;
    height: 10px;
    border: 1px solid #9900ff;
    background: #9900ff;
    padding: 3px;
    margin: 3px 5px 3px 5px;
    float: right;
}

.rotaModalBody{
    height: 300px !important;
    overflow-x: auto;
}

#staffRotaDropdown{
    width: 100%;
}

.bodyMarginBottom{
    margin-bottom: 40px !important;
}

.quantityUpdate{
    background-color: #ff0;
    border-radius: 10%;
    color: #f00;
    font-size: 9px;
    padding-left: 2px;
    padding-right: 2px;
}

.staffCancelledIndication {
    width: 10px;
    height: 10px;
    border: 1px solid #ff0000;
    background: #ff0000;
    padding: 3px;
    margin: 3px 5px 3px 5px;
    float: right;
}

.hospitalCancelledIndication {
    width: 10px;
    height: 10px;
    border: 1px solid #FF8C00;
    background: #FF8C00;
    padding: 3px;
    margin: 3px 5px 3px 5px;
    float: right;
}

.shiftMovedIndication {
    width: 10px;
    height: 10px;
    border: 1px solid #3399ff;
    background: #3399ff;
    padding: 3px;
    margin: 3px 5px 3px 5px;
    float: right;
}

.shiftRejectedIndication {
    width: 10px;
    height: 10px;
    border: 1px solid #ffff00;
    background: #ffff00;
    padding: 3px;
    margin: 3px 5px 3px 5px;
    float: right;
}

.notificationIndication{
    background-color: #00ff00;
    color: #0000ff;
    font-weight: bold;
}

.textInfo{
    color: #A30C22;
}

#msgerrorInAssign, #msgoldcontact, #msgnewcontact, #msgoldpassword, #msgnewpassword, #msgnewretypepassword, #forgotPassWordError, .resultReturnEmpty{
    color: #f00;
    display:inline-block;
}
body {

    font-size:13px !important;
    /*padding-bottom: 40px;*/
    /*    background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgb(204,204,153));  For Safari 5.1 to 6.0 
        background: -o-linear-gradient(left, rgba(255,0,0,0), rgb(204,204,153));  For Opera 11.1 to 12.0 
        background: -moz-linear-gradient(left, rgba(255,0,0,0), rgb(204,204,153));  For Firefox 3.6 to 15 
        background: linear-gradient(left, rgba(255,0,0,0), rgb(204,204,153));  Standard syntax (must be last) */

}
.container-fluid{padding-top: 20px;}
.quantityUpdate, .sendSMS, .assignSign, #image, #contact, #password, .shiftUpdateForStaff, .shiftInsertOrUpdate, .removeStaffByStaff, .removeStaffByHospital, .hoverPointerClass, .removeStaffRequestByHospital, .reassignStaffForHospital{
    cursor: pointer;
}

.removeStaffCss{
    visibility: hidden;
}

.modal-width{
    width: 70% !important;
}
.menu-logo{
    float: left;
    width: 100px;
}
.divDisplay{
    z-index: -999 !important;
}

.text-align-right{
    text-align: right;
}

.viewEventCalender, #cExpiry, #cVisa, #uploadDoc, #cShiftAllocation, #cStaffAvailability, #cStaffCancelReport, #cNotAllocatedStaffReport, #cRotaReport, #cServiceDetailsForAnyHospital, #cStaffRotaReport, #cForgotPassword, #cLogin{
    cursor: pointer;
}

#myModal, #shiftUpdateForStaffs, #shiftInsertOrUpdates{
    margin-top: 30px;
}

#shiftUpdateForStaffs, #shiftInsertOrUpdates{
    margin-left: -450px;
}
.centerClass{
    text-align: center;
    font-size: medium;
}
/*.addAvailableShiftDetails{
    height: 120px;
}*/

.divShadow{
    box-shadow:2px 2px 10px #3a7ec5;
    border:1px solid #3a7ec5;
    min-width: 550px;
}

.divShadow2{
    box-shadow:2px 2px 10px #3a7ec5;
    border:1px solid #3a7ec5;
}

.divStyleRadius{
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
}

.classSize{
    width: 50px;
}
.ticket_text{
    margin-top: 15px;
}

.classSizeForUpdate{
    width: 91.5px;
}
.classSize2{
    width: 80px;
}

.divReport{
    /*overflow-x: auto;*/
    /*overflow-y: auto;*/
    max-width:100%;
    /*height: 750px;*/
    margin-bottom: 15px;
    color: #413f3f;
    font-weight: normal;
}
#divReport2 th{
    text-align: center;
    padding: 5px;
}
#divReport2 td{
    padding: 2px 5px;
}
#check_list2{
    background: #2aa7d3;
    border: 1px solid white;
    color: white;
    padding: 3px 8px;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #2aa7d3;
}
.errorTimesheet{
    text-align:center; 
    margin-left:37%;
}

.errorShiftCreation{
    text-align:center; 
    margin-left:15%;
}

.classSizes{
    width: 150px;
}

.weekEndDate{
    width: 110px;
}

.classSizesForDate{
    width: 145px;
}
.innerClass{
    margin: -2px 5px 1px !important;
}

.labelClass{
    display: inline;
}
.staffDiv{
    cursor: pointer;
    z-index: 2;
}

.fullFill{
    color: #00ff00;
    font-weight: bold;
}

.textAlign{
    text-align: center;
}

.oldStaff{
    background-color: #00FF00;
}

.box{
    max-height: 110px;
    height: auto;
    padding: 10px;
    border-width: 2px;
    border-style: solid;
    overflow-y: auto;
}

.availableStaffBox{
    max-height: 722px;
    height: auto;
    padding: 10px;
    border-width: 2px;
    overflow-y: auto;
}

.assignedStaffBox{
    max-height: 722px;
    height: auto;
    padding: 10px;
    border-width: 2px;
    overflow-y: auto;
}

.evenStaff{
    background-color: #e5f1f4;
}

.oddStaff{
    background-color: #f8f8f8;
}

.hr{
    margin: 5px 0;
}

#cForgotPassword{
    float: right;
    /*text-align: center;*/
}

#forgotPassWord{
    color:#0000ff;
}

#msgTwoStepLogin{
    color:#008000;
    padding-left: 150px;
}

#msgTwoStepLoginVerification{
    color:#F00;
    text-align: center;
}

.errorMsg, #expiredLink{
    color: #f00;
}

.green {
    background: #00ff00 !important;
}
.odd{    
    background: #f5f5f5 !important;
}

/*.red {
    background: #f00;
    color: #000;
}*/

.colorDetailsForGreen {
    width: 10px;
    height: 10px;
    border: 1px solid #00ff00;
    background: #00ff00;
    padding: 1px;
    margin: 3px 5px 3px 5px;
    float: left;
}

.colorDetailsForRed {
    width: 10px;
    height: 10px;
    border: 1px solid #f00;
    background: #f00;
    padding: 1px;
    margin: 3px 5px 3px 5px;
    float: left;
}

.redFont{
    color:#f00;
    /*background: #E5F1F4;*/
}

#imag{
    display:block;
    width:90%;
    height: 100%;
    float:right;
    border: 5px solid #b3b3b3;
}
.l1{
    width:127px;
    display: inline-block;
    margin: 0 auto;
}
.l2{
    padding-left:125px;
    display: inline-block;
    margin: 0 auto;
}
.ll1{
    width:110px;
    text-align: right;
    display: inline-block;
    margin: 0 auto;
}

/*
*Bar Chart
*/
#chart-container {
    width: 65%;
    height: 55%;
    margin: 0 auto;
}
@media screen and (min-width:600px) and (max-width:768px){
    #shiftUpdateForStaffs, #shiftInsertOrUpdates{
        margin-left: -250px !important;
    }
    .navbar-inner{
        /*margin-top: -39px !important;*/
    }
}

@media screen and (min-width:769px) and (max-width:1023px){
    .navbar-inner{
        /*margin-top: -39px !important;*/
    }

}
/*@media screen and (min-width:980px) and (max-width:1023px){
    .navbar-inner{
        margin-top: -39px !important;
    }
    
}*/

/*    .navbar-inner{
    height: 50px;
}*/
@media screen and (min-width:320px) and (max-width:768px){
    .navbar-inner{
        /*margin-top: -39px !important;*/
        height: 90px;
    }
}
@media screen and (min-width:320px) and (max-width:765px){

    /*    .navbar-inner{
            margin-top: -39px !important;
            height: 90px;
        }*/

    .modal-width{
        width: 90% !important;
    }
    #myModal, #shiftUpdateForStaffs, #shiftInsertOrUpdates{
        margin-top: 100px;
        margin-left: 0px;
    }


    /*
    *Bar Chart
    */
    #chart-container {
        width: 500px;
        height: auto;
        margin: 0 auto;
    }

    .modal-footer {
        padding: 0px !important
    }

    .modal.fade.in {
        top: 0px !important
    }

    #calendar{
        min-height: 740px;
    }

    .l1{
        width:100%;
        display: inline-block;
        margin: 0 auto;
    }
    .l2{
        padding-left: 0%;
        display: inline-block;
        margin: 0 auto;
    }
    .ll1{
        width:120px;
        text-align: left;
        display: inline-block;
        margin: 0 auto;
    }
}

#imag img{
    width: 100%;
    display: block;
}
.contains{
    width: 14%;
    max-height: 20%;
    float:right;
    overflow: hidden;
    position: relative;
}
.contain{
    width: 100%;
    max-height: 100%;
    float:right;
    overflow: hidden;
    position: relative;
}
.lower_panel{
    min-height: 10%;
    background-color: rgba(255,255,255,0.7);
    text-align: center;
    color: blue;
    position: absolute;
    top: 100%;
    left: 8%;
    transition: all ease 0.5s;
    width: 88%;
}
.contain:hover .lower_panel{
    top: 40%;
}
.tableHeading{
    color: #fff; 
    background-color: #404040 !important;
}

.info{
    display:block;
    width:60%;
    float:left;
    border: 10px solid #b3b3b3;
    padding: 8px;
    margin-bottom: 15px;
    padding-left: 15px;
    background-color: #515151;
    color: #FFF;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.shiftInfo{
    border: 10px solid #000000;
    padding: 8px;
    margin-bottom: 15px;
    padding-left: 15px;
    min-width: 1050px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-left: 0px !important;
}

/*Nav bar*/
.navbar .brand {
    display:block;
    float:left;
    font-size:20px;
    font-weight:200;
    padding:10px 20px;
    margin-left:15px;
    padding-left:30px;
}

.navbar .nav > li > a {
    float:none;
    padding:10px 15px;
    text-decoration:none;
}

.navbar-search .search-query {
    border-radius:5px;
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
    .container-fluid{padding-top: 100px;}
    .navbar .brand {margin-left:-90px;}
    .style-switcher{margin-left:-70px;}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
    .container-fluid{padding-top: 100px;}
    .navbar .brand {margin-left:-90px;}
    .style-switcher{margin-left:-70px;}
}

table.detail-view td {font-size:12px;}
h1,h2,h3,h4, .portlet > .portlet-decoration, .sidebar-nav > ul > li > a, .navbar a, th{
    font-family: 'Carrois Gothic', sans-serif;
}

.portlet > .portlet-decoration, .sidebar-nav > ul > li > a, .navbar li > a, th{
    font-size:14px!important;
}
/* Start Portlets*/
.portlet{
    -webkit-box-shadow:#F9F9F9 0 1px 0 inset;
    border:1px solid #DDDDDD;
    border-radius:3px;
    box-shadow:#F9F9F9 0 1px 0 inset;
    margin-bottom:20px;
    min-height:40px;

}

.portlet-decoration{
    border-bottom:1px solid #DDD;
    background-color: #F1F1F1;
    background-image: -moz-linear-gradient(top, #F1F1F1, #DBDBDB);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F1F1F1), to(#DBDBDB));
    background-image: -webkit-linear-gradient(top, #F1F1F1, #DBDBDB);
    background-image: -o-linear-gradient(top, #F1F1F1, #DBDBDB);
    background-image: linear-gradient(to bottom, #F1F1F1, #DBDBDB);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffF1F1F1', endColorstr='#ffDBDBDB', GradientType=0);
    padding:10px;
}

.portlet-decoration [class^="icon-"], .portlet-decoration [class*=" icon-"] {

    margin-right:5px;

}
.portlet-content{
    padding:5px;
}

/* end Portlets*/
.navbar {
    margin-bottom:0px;
    overflow:visible;
}

.summary ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.summary ul li {
    height: 52px;
    clear: both;
    margin-bottom: 14px;
}

.summary ul li .summary-icon {
    width: 36px;
    height: 36px;
    float: left;
    margin-right: 10px;
    padding: 6px;
    background: white;
    border: #DDD 1px solid;
    -webkit-box-shadow: inset 0 0 3px #EEE;
    -moz-box-shadow: inset 0 0 3px #eee;
    box-shadow: inset 0 0 3px #EEE;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.summary ul li .summary-number {
    font-size: 20px;
    font-weight: bold;
    display: block;
    padding-top: 8px;
}

.summary ul li .summary-title {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    color: #AB4000;
}

.stat-block {
    margin-bottom: 20px;
    padding: 10px;
    min-height:40px;
    background: #F1F1F1;
    background: -moz-linear-gradient(top, #F1F1F1 0%, #DBDBDB 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F1F1F1), color-stop(100%, #DBDBDB));
    background: -webkit-linear-gradient(top, #F1F1F1 0%, #DBDBDB 100%);
    background: -o-linear-gradient(top, #F1F1F1 0%, #DBDBDB 100%);
    background: -ms-linear-gradient(top, #F1F1F1 0%, #DBDBDB 100%);
    background: linear-gradient(to bottom, #F1F1F1 0%, #DBDBDB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#dbdbdb', GradientType=0 );
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #F9F9F9;
    -moz-box-shadow: inset 0 1px 0 #f9f9f9;
    box-shadow: inset 0 1px 0 #F9F9F9;
}

.stat-block ul {
    margin: 0px;
    padding: 0px;
}

.stat-block li {
    list-style: none;
    float: left;
}

.stat-block .stat-graph {
    width: auto;
    background: white;
    padding: 10px 10px 8px 10px;
    border: #D7D7D7 1px solid;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
}

.stat-block .stat-count {
    width: 90px;
}

.stat-block .stat-count span:last-child {
    color: #666;
    font-size: 12px;
    font-weight: normal;
    padding-top:3px;
}

.stat-block li span {
    display: block;
}

.stat-block .stat-count span:first-child {
    color: #1D2E7B;
    font-weight: bold;
    font-size: 20px;
}

.stat-block .stat-percent {
    width: 40px;
    float: right !important;
    text-align: center !important;
}

.stat-percent{
    font-size: 20px;
    font-weight: bold;
}
/*Navbar*/
.navbar-fixed-top {
    top:0;
    left:0;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    color: #ffffff;
    text-decoration: none;
    background-color: #848282;
    background-color: #848282;
    background-image: -moz-linear-gradient(top, #848282, #9e9090);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#848282), to(#9e9090));
    background-image: -webkit-linear-gradient(top, #848282, #9e9090);
    background-image: -o-linear-gradient(top, #848282, #9e9090);
    background-image: linear-gradient(to bottom, #848282, #9e9090);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#848282', endColorstr='#9e9090', GradientType=0);
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #848282;
    background-color: #848282;
    background-image: linear-gradient(to bottom, #848282, #9e9090);
    background-image: -moz-linear-gradient(top, #848282, #9e9090);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#848282), to(#9e9090));
    background-image: -webkit-linear-gradient(top, #848282, #9e9090);
    background-image: -o-linear-gradient(top, #848282, #9e9090);
    background-repeat: repeat-x;
    outline: 0;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#848282', endColorstr='#9e9090', GradientType=0);
}
/*Side Nav*/
.sidebar-nav {
    padding:0!important;
}

.sidebar-nav ul{
    padding:0;
    margin:0;
}

.sidebar-nav ul li{
    list-style: none;
}

.sidebar-nav ul > li > a, .sidebar-nav ul > li > a:hover, .sidebar-nav ul > li > span {
    padding:9px 15px;
    margin-bottom:3px;
    display:block;
}

.sidebar-nav ul > li > a, .sidebar-nav ul > li > a:hover {

    background-color: #F1F1F1;
    background-image: -moz-linear-gradient(top, #F1F1F1, #DBDBDB);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DBDBDB), to(#DBDBDB));
    background-image: -webkit-linear-gradient(top, #F1F1F1, #DBDBDB);
    background-image: -o-linear-gradient(top, #F1F1F1, #DBDBDB);
    background-image: linear-gradient(to bottom, #F1F1F1, #DBDBDB);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffF1F1F1', endColorstr='#ffDBDBDB', GradientType=0);

    -webkit-box-shadow:#F9F9F9 0 1px 0 inset;
    border:1px solid #DDDDDD;
    border-radius:3px;
    box-shadow:#F9F9F9 0 1px 0 inset;
    text-decoration:none;


}

.sidebar-nav  ul > li.active > a, .sidebar-nav ul > li.active > a:hover {

    background-color: #9e9090!important;
    background-image: -moz-linear-gradient(top, #d293db, #910bb2)!important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d293db), to(#910bb2))!important;
    background-image: -webkit-linear-gradient(top, #d293db, #910bb2)!important;
    background-image: -o-linear-gradient(top, #d293db, #910bb2)!important;
    background-image: linear-gradient(to bottom, #d293db, #910bb2) !important;
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#d293db', endColorstr='#910bb2', GradientType=0);

    box-shadow:#000000 0 1px 0 inset;
    border:1px solid #d293db;
    color:#F1F1F1;
}
.subnav.navbar-fixed-top {
    top:40px;
    z-index:3;
}
/*Progress bar*/
.progress, .ui-progressbar {
    height:10px;
}

.ui-progressbar {
    border:0;
    border-radius:4px;
    clear: both;
    margin-bottom:20px;
}

.ui-progressbar.ui-widget-content {
    -webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0 1px 2px inset;
    background-color:#F7F7F7;
    background-image:-webkit-linear-gradient(top, #F5F5F5, #F9F9F9);
    background-repeat:repeat no-repeat;
    box-shadow:rgba(0, 0, 0, 0.0980392) 0 1px 2px inset;
    overflow:hidden;
}

.ui-progressbar .ui-widget-header{
    background-image:-webkit-linear-gradient(top, #149BDF, #0480BE);
    background-repeat:repeat no-repeat;
    box-shadow: none;
    box-sizing:border-box;
    color:#FFFFFF;
    float:left;
    height:100%;
    border:0;/**/
}
.ui-progressbar .ui-progressbar-value {
    margin:0px;
}


.ui-progressbar .ui-widget-header {
    -webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0 -1px 0 inset;
    -webkit-transition:width 0.6s ease;
    background-color:#149BDF;
    background-image:-webkit-linear-gradient(top, #149BDF, #0480BE);
    background-repeat:repeat no-repeat;
    box-shadow:rgba(0, 0, 0, 0.14902) 0 -1px 0 inset;
    box-sizing:border-box;
    color:#FFFFFF;
    float:left;
    font-size:12px;
    height:100%;
    text-align:center;
    text-shadow:rgba(0, 0, 0, 0.247059) 0 -1px 0;
    width:0;
}

.progress-info .ui-widget-header, .progress-info.ui-slider.ui-widget-content  {
    background-color:#4BB1CF !important;
    background-image:-webkit-linear-gradient(top, #5BC0DE, #339BB9);
    background-repeat:repeat no-repeat;;
}

.progress-success .ui-widget-header, .progress-success.ui-slider.ui-widget-content  {
    background-color:#5EB95E  !important;
    background-image:-webkit-linear-gradient(top, #62C462, #57A957);
    background-repeat:repeat no-repeat;
}

.progress-warning .ui-widget-header, .progress-warning.ui-slider.ui-widget-content {
    background-color:#FAA732 !important;
    background-image:-webkit-linear-gradient(top, #FBB450, #F89406);
    background-repeat:repeat no-repeat;
}

.progress-danger .ui-widget-header, .progress-danger.ui-slider.ui-widget-content  {
    background-color:#DD514C !important;
    background-image:-webkit-linear-gradient(top, #EE5F5B, #C43C35);
    background-repeat:repeat no-repeat;
}

.progress-striped .ui-widget-header, .progress-striped.ui-slider.ui-widget-content  {
    -webkit-background-size:40px;
    background-color:#149BDF;
    background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.14902) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.14902) 50%, rgba(255, 255, 255, 0.14902) 75%, transparent 75%, transparent);
    background-repeat:repeat;
}

.active.ui-progressbar .ui-widget-header {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
/*slider*/
.ui-slider{
    margin-bottom:20px;
}

.ui-slider.ui-widget-content{
    -webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0 -1px 0 inset;
    -webkit-transition:width 0.6s ease;
    background-color:#149BDF;
    background-image:-webkit-linear-gradient(top, #149BDF, #0480BE);
    background-repeat:repeat no-repeat;
    box-shadow:rgba(0, 0, 0, 0.14902) 0 -1px 0 inset;
    box-sizing:border-box;
    border:none;
}

/*Table*/
.table > table{
    width:100%;
}

/*CGridview*/
.filters select, .filters input, .filters .uneditable-input {
    border-radius:none;
    font-size:14px;
    height:20px;
    line-height:10px;
    margin-bottom:0;
    padding:0;
}

/*Pagination*/

.pager{
    margin:20px 0;
}
.pager ul{
    -webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0 1px 2px;
    border-radius:0px;
    box-shadow:rgba(0, 0, 0, 0.0470588) 0 1px 2px;
    display:inline-block;
    margin-bottom:0;
    margin-left:0;
    text-align:center;
}

.pager a, .pager span{

    border-radius:0px;
    margin-left:3px;
}

.pager ul > li.last > a, .pager ul > li.last > span {
    border-left-radius:4px;
}

.pager ul > li > a, .pager ul > li > span {
    background-color:#FFFFFF!important;
    border-color:#DDDDDD!important;
    border-style:solid;
    border-width:1px 1px 1px 0;
    float:left;
    line-height:20px;
    padding:4px 12px!important;
    text-decoration:none;
}

.pager ul > li.first > a, .pager ul > li.first > span {
    border-bottom-left-radius:4px;
    border-top-left-radius:4px;
}

ul.yiiPager li.hidden{
    display:none!important;	
}

/*CListView*/
.list-view div.view{

    border:solid 1px #DDDDDD;
    padding: 10px;
    margin-bottom:10px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0 1px 1px inset;
    box-shadow:rgba(0, 0, 0, 0.0470588) 0 1px 1px inset;
    border-radius:4px;

}

/*Form*/
.filters input, .filters .uneditable-input {
    width:100% !important;
}

div.form > form  .row {
    margin-left:0px;
}

/*Footer*/
footer {
    margin-top:10px;
    text-align:center;
}
/*Style switcher*/
.style-switcher
{
    padding-top:13px;
}
.style-switcher span.style
{
    width:16px; 
    height:16px; 
    display:block;
    margin-right:5px;
    float:left;
}
/*Anjan Khatua*/
/*Button styles*/
.btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    *background-color: #2f96b4;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.navbar{
    margin-bottom: 0px !important;
}

.paginate_button{
    border-radius: 50%;
    /*    background-color: #316984;
        background-image: linear-gradient(to bottom, #316984, #45474d);
        background-repeat: repeat-x;
        border-color: #316984;
        color: #dedede !important;
        font-weight: bold;
        text-shadow: 0 0 0 #cccccc;*/
}
.paginate_button.current{
    border-radius: 50%;
    background-color: #316984;
    background-image: linear-gradient(to bottom, #316984, #45474d);
    background-repeat: repeat-x;
    border-color: #316984;
    color: #dedede !important;
    font-weight: bold;
    text-shadow: 0 0 0 #cccccc;
}
/*.paginate_button:hover{
    border-radius: 50%;
    background-color: #316984;
    background-image: linear-gradient(to bottom, #316984, #45474d);
    background-repeat: repeat-x;
    border-color: #316984;
    color: #dedede !important;
    font-weight: bold;
    text-shadow: 0 0 0 #cccccc;
}*/

#createShiftForHospital{
    background: #00a2ff;
    width: 90px;
    padding: 5px;
    text-align: center;
    color: white;
    font-weight: 600;
    border: 1px solid white;
    box-shadow: 2px 2px 2px #00a2ff;
    border-radius: 5px;
    cursor: pointer;
}
/************** START :: Generel Settings ****************/
.general-settings-area{
    background: #fff;
    margin-left: -170px !important;
}
.general-settings-content{
    /*max-width: 780px;*/
    margin: 0 auto;
    margin-top: 40px;
}
.general-settings-area h1 {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.5px;
    display: block !important;
}
.gen-settings-left h2 {
    color: #000000;
    font-size: 19px;
    line-height: 20px;
    margin-bottom: 35px;
    font-weight: 600 !important;
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 16px;
}
.gen-settings-single-content h3 {
    color: #16AEFF;
    font-size: 15px;
    line-height: 16px;
    margin-bottom: 5px;
    margin-left: 16px;
    position: relative;
}
.gen-settings-single-content h3:before {
    color: #0CDF8D;
    content: "\f101";
    font-family: "fontAwesome";
    font-size: 14px;
    left: -16px;
    position: absolute;
    top: 1px;
}
.gen-settings-single-content p{
    margin-left: 17px;
    color: #9DA2A9;
    display: block !important;
}
.gen-settings-single-content {
    margin-bottom: 30px;
}
/************** END :: Generel Settings ****************/

.navbar-inner{
    display: none;
}

/*// AYON 2019*/
.generateTimesheetFromRotaBtn {
    float: left;
    color: white !important;
    background: #005300 !important;
    padding: 5px 10px;
}

.exportHoursAmt_btn {
    float: right;
    margin-top: -65px;
    margin-right: 285px;
    color: #2BAAED;
    background: #FaFaFa;
    border: 1px solid #7c7c7c;
    padding: 5px 10px;
}