.bg-theme-dark{background-color: #f4f4f4!important;}
.alert{margin-bottom: 10px;}
.new-login-register .new-login-box{margin: 0 auto; margin-top: 10%;width: 30%;}
.logo b{color:#000000;}
a:active, a:focus, a:hover{text-decoration: none;}
.radio label::before{border: 1px solid #b7b3b3;}
.table-row-head {
    background: #dbffd8;
    font-size: large;
    color: #378631;
}

#full-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.5;
    position: fixed;
    display: none;
    z-index: 9999;
    background-position:center;
    text-align: center;
}
.spinner {
   position: absolute;
   left: 50%;
   top: 50%;
   height:60px;
   width:60px;
   margin:0px auto;
   -webkit-animation: rotation .6s infinite linear;
   -moz-animation: rotation .6s infinite linear;
   -o-animation: rotation .6s infinite linear;
   animation: rotation .6s infinite linear;
   border-left:6px solid rgba(0,174,239,.15);
   border-right:6px solid rgba(0,174,239,.15);
   border-bottom:6px solid rgba(0,174,239,.15);
   border-top:6px solid rgba(0,174,239,.8);
   border-radius:100%;
}
.small-size{font-size: 12px;}
@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}

body.dragging, body.dragging * {
    cursor: grabbing !important;
}

.dragged {
    position: absolute;
    top: 0;
    opacity: 0.5;
    z-index: 2000;
}

.step-ordering, .order-menu-sections, .order-menu-items {
    list-style: none;
    padding: 0;
}

.order-menu-sections > li, .order-menu-items > li {
    cursor: grab;
}

div.order-menu-sections, .order-menu-sections > li {
    border: 1px solid;
    margin-bottom: 10px;
    padding: 20px;
    background: #f9f9f9;
}

.order-menu-items > li {
    border: 1px dashed;
    margin-bottom: 10px;
    padding: 15px;
    background: #e4e4e4;
}

ul.step-ordering{
    display: block;
}
.step-ordering > li {
    border: 1px solid;
    cursor: grab;
    padding: 5px;
    margin: 5px;
    background: #f9f9f9;
    float: left; 
    width: auto;
}

.step-ordering > li label{
    margin: 0px;
}
/*
.order-menu-sections > li.placeholder, .order-menu-items > li.placeholder {
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
}

.order-menu-sections > li.placeholder:before, .order-menu-items > li.placeholder:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    margin-top: -5px;
    left: -5px;
    top: -4px;
    border: 5px solid transparent;
    border-left-color: red;
    border-right: none;
}*/


/* Manisha */
.ms-container{width: 100%;}

.doc-sec-title {
    background-color: #41b3f9;
    vertical-align: middle;
    margin-bottom: 10px;
    padding: 10px;
    color: #FFF;
}

.sql_query_box{
    width: 95%;
    resize: none;
    height: 200px !important;
    margin-left: 10px;
    border-radius: 10px;
}

/* Hetal */
.app_progress{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    font-weight: 300;
}
.app_progress nav ul{    
    position: relative;
    display: flex;
    margin: 0 auto;
    padding: 0;
    font-family: Poppins,sans-serif;
    list-style: none;
    flex-flow: row wrap;    
    justify-content: center;
}
.app_progress nav ul li{
    position: relative; 
    display: block;
    margin: 0;
    text-align: center; 
    flex: 1;
}
.app_progress nav ul li a:active{
    background: #eee;
    color: #000;
    box-shadow: -1px 0 0 #eee;
}
.app_progress nav ul li a{
    border: 1px solid #f5f5f5;
    background: #f5f5f5; 
}
.app_progress nav ul li a{
    overflow: visible;
    padding: 15px 0;
    line-height: 1; 
    transition: color .2s;  
}
.app_progress nav a{
    position: relative;
    display: block; 
    text-overflow: ellipsis;
    white-space: nowrap;
}
.app_progress .nav-tabs li a:hover{
    border: 1px solid #eee;
    background: #eee;
    color: #000;
}
.app_progress .nav-tabs li.active a, .app_progress .nav-tabs li.active a:focus, .app_progress .nav-tabs li.active a:hover, .app_progress .nav-tabs li.active a:active {
    background: #41b3f9;
    border: 1px solid #41b3f9;
    color: #fff;
} 
.app_progress nav ul li a{margin: 0;} 
.app_progress .vtabs{display: block;}
.app_progress .vtabs .tab-content{display: block; padding: 0 20px 0 0;}
.app_progress .vtabs .tabs-vertical{width: 100%; display: inline-block;}
#all_tab_data .panel .panel-heading{padding: 10px 0;}
#all_tab_data .panel .panel-body{padding: 10px 0;}
.app_progress .content-wrap section{border: 1px solid #eee;padding: 25px 0 0 0;}
.app_progress nav ul li a span{letter-spacing:0px;}
.app_progress .vtabs .tab-content{padding: 0;}
table.table i.fa, .app_progress i.fa{font-size: 22px;}
.app_progress ul li.step-success a{background-color:#7ace4c;color: #FFF;}
.app_progress ul li.step-inprogress a{background-color: #eee;color: #000;} 
.app_progress ul li i.fa-check-circle{color: #7ace4c;}
.app_progress ul li i.fa-hourglass-half{color:#41b3f9;}
.app_progress ul li.active i.fa-check-circle, .app_progress ul li.active i.fa-hourglass-half{color: #FFF;}
.docs .upload-wrapper { position: relative !important; overflow: hidden !important; border: 2px solid #e4e4e4 !important; background-color: white !important; font-weight: bold !important; height: 170px !important; padding: 5px;}
.docs .doc-tag{margin-bottom: 10px;}
.docs .upload-wrapper .file-download, .file-download{ width: 50px; cursor: pointer;}
.docs .upload-wrapper .file-upload-block {
    position: relative;
    height: 120px !important;
}
.docs .upload-title{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #747474;
}
.docs .upload-wrapper:hover{
    background-size: 30px 30px; 
    background-image: linear-gradient(-45deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent); 
    animation: stripes 2s linear infinite;
}
.docs .upload-wrapper .file-upload{
    position: absolute;
    left: calc(50% - 45px) !important;
    top: 15px !important;
    z-index: 0;
}
.docs .upload-wrapper input[type="file"]{
    position: absolute !important;
    left: calc(50% - 45px) !important;
    top: 15px !important;
    opacity: 0 !important;
    height: 90px !important;
    width: 90px !important;
    cursor: pointer !important;
    z-index: 1;
    display: block;
}
.docs .doc-status{border-radius: 10px;font-size: 14px;font-weight: bold; color: #FFF; min-width: 50px;margin-bottom: 3px; background-color: #888;}
.docs .doc-status.doc-approved, .docs .doc-status.doc-Approved{background-color: #1ebc20;}
.docs .doc-status.doc-rejected, .docs .doc-status.doc-Rejected{background-color: #ec2323;}
.docs .doc-status.doc-pending, .docs .doc-status.doc-Pending{background-color: #3c8dbc;}
.app_progress .nav-tabs{border: none;}
body.stop-scrolling{overflow: hidden;}
.border-bottom{border-bottom: 1px solid #CCC;}
.user_doc_list .white-box{padding: 0 15px; border: 1px solid #e3e3e3;}
.user_doc_list .doc_raw{padding: 20px 0 20px; margin: 0px;}
.cursor-pointer{cursor: pointer;}
.document_desc{background-color: #fbfbfb;}
.custom_form .control-label{color: #263238 !important;}
textarea{resize: none;}
/* Hetal */  

.modal-header.bg-info,
.modal-header.bg-info .close,
.modal-header.bg-info .modal-title,
.modal-header.bg-black,
.modal-header.bg-black .close,
.modal-header.bg-black .modal-title,
.modal-header.bg-inverse,
.modal-header.bg-inverse .close,
.modal-header.bg-inverse .modal-title
{
    color: #ffffff !important;
}
.modal-header.tx-black{
    color: #000 !important;
    background: #000 !important;
}
.modal-header .close {
    font-weight: normal !important;
    opacity: 1;
}
.multi_tab_view{border: 1px solid #F2F2F2;}
.multi_tab_view .nav.nav-pills{background-color: #F2F2F2;}
.multi_tab_view .nav-pills > li.tab-success > a{background: #7ace4c; color:#FFF;} 
.multi_tab_view .nav-pills li.tab-success.active a::after{position: absolute;top: 100%;left: 50%;margin-left: -10px;width: 0;height: 0;border: solid transparent;border-width: 10px;border-top-color: #7ace4c;content: '';pointer-events: none;}
.multi_tab_view .nav-pills > li.tab-progress > a{background: #41b3f9; color:#FFF;}
.multi_tab_view .nav-pills li.tab-progress.active a::after{border-top-color: #41b3f9 !important;}
.multi_tab_view .nav-pills li.active a::after{position: absolute;top: 100%;left: 50%;margin-left: -10px;width: 0;height: 0;border: solid transparent;border-width: 10px;border-top-color: #41b3f9;content: '';pointer-events: none;}
.multi_tab_view .nav>li.disabled>a, .multi_tab_view .nav>li.disabled>a{background-color: #ececec;color: #777;}
.multi_tab_view #application_status_accordion{background-color: #F2F2F2;}
.multi_tab_view #application_status_accordion .tab-success{background: #7ace4c; color:#FFF;} 
.multi_tab_view #application_status_accordion .panel-title a{color:#FFF;}  
.multi_tab_view #application_status_accordion .tab-progress{background: #41b3f9; color:#FFF;} 
.multi_tab_view #application_status_accordion .disabled{background-color: #ececec;}
.multi_tab_view #application_status_accordion .disabled a{color: #000;}
.multi_tab_view .nav-pills>li{width: 50%; float: left; text-align: center;}
.multi_tab_view .nav-pills>li:first-child{width: 50%;border-right: 1px solid #F2F2F2;}
.multi_tab_view .nav-pills>li+li{margin-left:0px;}
.app_progress #all_tab_data {margin-top: 30px !important;}
.panel-group.monthly_check_in .panel{border: 1px solid #F2F2F2;}
.panel .pd-panel{padding: 12px 20px !important;border-bottom: none; background-color: #F2F2F2;}

#user_history_table .status_label_title {
    font-weight: 700;
    color: #41b3f9;
}
.no-padding{
    padding: 0px !important;
}
.table-row-highlight{
    background-color: #ffc4c4 !important;
}
.logo_img{
    height: 60px;
    float: left;
    padding: 5px;
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}