/* here you can put your own css to customize and override the theme */
/*
h3.page-title .select2-container .select2-choice {

    display: block;
    height: 34px;
    padding: 2px 0 0 8px;
    overflow: hidden;
    position: relative;
        font-family: 'Open Sans', sans-serif;	
    white-space: nowrap;
    line-height: 31px;
    color: #444;
    text-decoration: none;
        border: 0px !important;
    border-radius: 0px !important;

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: transparent !important;	
}

h3.page-title .select2-container.select2-drop-above .select2-choice {
    border-bottom-color: transparent !important;
    border-radius: 0px !important;
}
h3.page-title .select2-container .select2-choice .select2-arrow {
    border-left: 0px !important;

}
*/
#all .table-bordered thead tr{
    background-color:#f9f9f9;
}
#all .table-bordered th:nth-child(3),
#all .table-bordered td:nth-child(3){
    text-align:right !important;
}
.navbar-inverse .navbar-nav>li>a {
    color: #555 !important;
}
.username{
    color: #fff;
}
.notification_info{
    padding-left: 10px; /* added by rabab */ 
}
/*
.line a{
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #d0d0d0;
background-color:#ccc !important;
}
*/
.membername{
    margin-left:8px;
    width:70%;  display: block; 
    white-space: nowrap; 
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis; 
    overflow: hidden;

}
.memberdsg{
    width:80%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
}
.sub-menu li a img {
    border-radius: 50%;
}
.page-sidebar-menu li a img {
    border-radius: 50%;
}

/*Top Tabs*/
#top_tabs{
    /*margin-left:20px;*/
}
@media (max-width: 1600px){
    #top_tabs li.active>a{
        background-color: #fff !important;
        margin-right:7px;
        /*font-weight:bold;*/
    }
    #top_tabs li.inactive>a{
        background-color: #e5e5e5 !important;
        margin-right:7px;
    }	
}
@media (max-width: 1366px){
    #top_tabs li.active>a{
        background-color: #fff !important;
        margin-right:7px;
        /*font-weight:bold;*/
    }
    #top_tabs li.inactive>a{
        background-color: #e5e5e5 !important;
        margin-right:7px;
    }	
}
@media (max-width: 1024px){
    #top_tabs li.active>a{
        background-color: #fff !important;
        margin-right:7px;
        /*font-weight:bold;*/
    }
    #top_tabs li.inactive>a{
        background-color: #e5e5e5 !important;
        margin-right:7px;
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 11px;
    }	
}
@media(max-width:992px){.navbar-nav>li>a{padding-top:8px;padding-bottom:8px;margin-top:14px;}
                        #top_tabs li.active>a{
                            background-color: #fff !important;
                            margin-right:7px;
                            /*font-weight:bold;*/
                        }
                        #top_tabs li.inactive>a{
                            background-color: #e5e5e5 !important;
                            margin-right:7px;
                        }
                        .nav>li>a {
                            position: relative;
                            display: block;
                            padding: 10px 4px;
                        }
}
@media(max-width:800px){.navbar-nav>li>a{padding-top:8px;padding-bottom:8px;margin-top:14px;}
                        #top_tabs li.active>a{
                            background-color: #fff !important;
                            margin-right:4px;
                            /*font-weight:bold;*/
                        }
                        #top_tabs li.inactive>a{
                            background-color: #e5e5e5 !important;
                            margin-right:4px;
                        }
                        .nav>li>a {
                            position: relative;
                            display: block;
                            padding: 10px 6px;
                        }
}
@media(max-width:600px){.navbar-nav>li>a{padding-top:8px;padding-bottom:8px;margin-top:14px;}
                        #top_tabs li.active>a{
                            background-color: #fff !important;
                            margin-right:4x;
                            /*font-weight:bold;*/
                        }
                        #top_tabs li.inactive>a{
                            background-color: #e5e5e5 !important;
                            margin-right:4px;
                        }
}
@media(min-width:400px){.navbar-nav>li>a{padding-top:8px;padding-bottom:8px;margin-top:14px;}



}	


.inmeet{  
    float: right;
    background-image:url(../img/inmeet.png);
    background-repeat: no-repeat;
    width:16px;
    height: 16px;
    display: block;
    position: relative; 
}
.online{  
    float: right;
    background-image:url(../img/online.png);
    background-repeat: no-repeat;
    width:16px;
    height: 16px;
    display: block;
    position: relative;   

}
.offline{  
    float: right;
    background-image:url(../img/offline.png);
    background-repeat: no-repeat;
    width:16px;
    height: 16px;
    display: block;
    position: relative;   

}

.P_online{  
    float: right;
    background-image:url(../img/phone_online.png);
    background-repeat: no-repeat;
    width:16px;
    height: 16px;
    display: block;
    position: relative;   

}
.P_offline{  
    float: right;
    background-image:url(../img/phone_offline.png);
    background-repeat: no-repeat;
    width:16px;
    height: 16px;
    display: block;
    position: relative;   
}
.blank{  
    float: right;
    width:16px;
    height: 16px;
    display: block;
    position: relative; 
}
.barrow{
    float: left;
    background-image:url(../img/barrow.png);
    background-repeat: no-repeat;
    width:9px;
    height: 1px;
    display: block;
    position: relative;   
}


/*Data Tables*/
#sample_1_length{
    margin-left:0px;
}
/*
div.dataTables_filter label{
float: left;
}*/
.pagination {
    margin: 0px !important;
}
/*MultiSelect*/
/*
ul.page-sidebar-menu > li.opt > a:hover{
        background-color:#daf0f9 !important;
}

.page-sidebar-menu > li.opt{
display:block;
margin: 0;
border: 1px;
padding: 10px 10px !important;
text-decoration: none;
font-size: 14px;
font-weight: 300;
color: #000000;
}
*/
.page-sidebar-menu > li.opt > span,
.page-sidebar-menu > li.opt > a,
.page-sidebar-menu1 > li.opt > span,
.page-sidebar-menu1 > li.opt > a{
    border-top: 1px solid #ffffff;
    background-color: #f5f5f5 !important;
}
.page-sidebar-menu > li.opt > span a.cl{
    border-top: 0px !important;
    background-color: transparent !important;
    font-size:11px;
    line-height:20px;
    color:#000;
    text-decoration:none;
}
.multiselect label .checker {
    margin-left: -8px !important;
    margin-right: 4px !important;
}


li a.cl{
    float:right;
    display:inline;
    width:50px;
    text-align:right;
    width:55px;
    font-size: 10px;
    border: none !important;
}
.multiselect {
    height:auto;
    /*	
            background-color: #e5e5e5 !important;
            border-bottom: 1px solid #D5D5D5;
            border-left: 1px solid #d5d5d5;
            border-right: 1px solid #d5d5d5;
    */	
    border-radius:0px;
}
.opt .form-control{
    border:0px !important;
}
.multiselect label {
    display:block;
}
.page-sidebar-menu a.btn{
    float:right;
    margin:0px 15px 10px 15px;
}

/*Details popup*/
.modal-body .tab-content {
    /*height: 450px;*/
    overflow-y: hidden;
    /*border: 1px solid #ddd;*/
    border-top: 0;
    margin-top: -10px;
    padding: 7px 0 7px 7px;
}
/*Activity popup Scrollbar*/
.portlet-body .dropdown-menu .scroller{max-height:120px;height: 120px;}
.scroller{max-height:450px;height: 620px;}
.portlet-body .scroller{max-height:390px;height: 390px;}
.modal-scrollable .scroller{max-height:540px;height: 540px;}
#act .scroller{max-height:420px;height: 420px !important;}
.modal-scrollable .slimScrollDiv{height:560px !important;}
.modal-scrollable #form_responsive .scroller{max-height:358px;height: 358px !important;}
.modal-scrollable #form_responsive .slimScrollDiv{height: 340px !important;}
.modal-scrollable #form_preview .scroller{max-height:323px;height: 323px !important;}
.modal-scrollable #form_preview .slimScrollDiv{height:323px !important;}
/*Activity popup Scrollbar*/

.scrollbar{height: 380px;}
/*
.tab-content .scroller {
padding: 0px;
margin: 0px;
padding-right: 5px !important;
margin-right: 5px !important;
overflow: hidden;
}*/
@media(min-width:768px){.form-horizontal .control-label{text-align:left !important;}.tab-content .form-horizontal .control-label{text-align:left !important;padding-top:7px !important;}.targetDiv .tab-content .form-horizontal .title-label{text-align:left !important;padding-top:0px !important;}#customer #tab_cust4 .form-horizontal .title-label {
                            text-align: left !important;
                            padding-top: 0px !important;
                        }}

.tab-content .form-horizontal .label2 {
    padding-top: 7px;
}
.tab-content .form-body{
    margin-bottom:2px;
}
#tab_act  .form-body, #tab_act2  .form-body{
    border-bottom:1px solid #efefef;
}
/*
.form-group {
margin-bottom: 10px !important;
}*/
/*Chat button*/

.btn-primary {
    color: #fff;
    background-color: #16a6df !important;
}
.btn-info {
    color: #fff;
    background-color: #16a6df;
    border-color: #16a6df;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #16a6df;
    border-color: #16a6df;
}
#top_tabs.navbar-nav>li>a {
    border: 1px solid transparent;
}

.showSingle, .showSingle2{
    cursor:pointer !important;
}
.buttons{
    border-top:1px solid #e7e7e7;
    padding: 0px;
    margin-top: 10px;
    text-align: left;
    margin-bottom:10px;
}
#tab_cust1 .form-body{margin-bottom:10px;border-bottom:1px solid #e7e7e7;}
#tab_cust1 .buttons{border-top:0px;}
.pull-right .ad_btn{
    position: relative;
    top: -7px;
    margin-right: -10px;	
}
/*
#act {
max-height: 380px;
overflow-y: auto;
}
*/
.modal-open.page-overflow .modal-scrollable {
    overflow-y: auto !important;
}/*
@media(min-width:768px){
.modal-body#act, .modal-overflow .modal-body#act {
margin: 0;
height: auto !important;
max-height: 390px !important;
overflow-y: auto !important;
}
}

@media (max-width: 979px){
.modal-body#act, .modal-overflow .modal-body#act {
margin: 0;
height: auto !important;
max-height: 390px !important;
overflow-y: auto !important;
}
}
.modal-body#act {
position: relative;
padding: 20px 20px 0 20px;
}
*/
.select2-container-multi .select2-choices .select2-search-field input {
    padding: 6px 16px;
}


.autocomplete-suggestions{
    z-index:999999999 !important;
    width:auto !important;
    min-width: 350px !important;
}
.autocomplete-suggestions { border: 1px solid #e5e5e5; background: #fff; cursor: default; overflow: auto; }
.autocomplete-suggestion { padding: 10px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399ff; }

select.form-control{
    padding-left:8px !important;
}

/*Search*/
.search .form-control{float:left;margin-right:4px;}
.search .btn{float:left;}

.portlet-title .input-small{
    width:140px !important;
    margin-top: -8px;
    margin-right:10px;
    float: right;
}
.portlet-title .tools{
    float:right;
}

/*Custom Markup*/
.markup img {
    border-radius: 50%;
    border: 5px solid #16a6df;
}
.markup span.mark_ar{
    position:absolute;
    background-image:url(../img/ar.png);
    background-repeat: no-repeat;
    height:18px;
    width:25px;
    margin-top:35px;
    margin-left:-32px;
}
.modal-body {
    padding: 10px 20px 0 20px !important;
}
#pleaseWaitDialog .modal-body {
    padding: 20px 20px 0px 20px !important;
}
/*Gmaps
.gm-style-iw{
position: absolute;
left: 12px;
top: 0px !important;
overflow: auto;
width: 227px;
height: 64px;
}
.info_hold{
min-width:150px;
width:227px;
}
*/
/*Activites popup*/
.productivity { 
    background-color: #0088B9;
    padding:16px 16px 0 16px;
    width:358px;
}
#MDholder .portlet-title { 
    height: 64px;
    border-bottom: 1px solid #88C7DE;
    background-color: transparent;
    padding:0px;
}

.portlet-title { 
    background-color: #fff;
    border-radius: 0px !important;
    padding:10px 10px 2px 10px;
    height: 48px;
}

.prod-title { 
    padding-top:10px;
    /*border-bottom: 1px solid #88C7DE;*/
    height: 92px;
}
.msg-box { 
    padding-top:10px;
    border-top: 1px solid #88C7DE;
    height: 54px;
}
.targetDiv .caption {
    /*color: #fff !important;*/
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    display:block;

    padding-bottom:8px;
}
.caption2 {
    color: #fff !important;
    font-size: 11px;
    line-height: 4px;
    font-weight: 400;
    display:block;

}
.location {
    color: #fff !important;
    font-size: 11px;
    line-height: 23px;
    font-weight: 400;
    display:block;

}
/*Timeline Activity box*/
/***********Responsive code for RHS******/
@media (max-width: 1600px){  
    .modal-wide {
        width: 50% !important;
        max-width: 45% !important;
    }
    .page-boxed .nav h3 {
        font-size: 24px;
    }
    .portlet-body .dropdown-menu .scroller{
        max-height:120px !important;height: 120px !important;
    }
.block .scroller {
    max-height: 489px !important;
    height: 489px !important;
}	
    .portlet-body .scroller{
        max-height:422px;height: 422px;}
    .modal-body .scroller{max-height:450px;height: 450px;}
    .modal-scrollable .slimScrollDiv {
        height: 450px !important;
    }
    .modal-scrollable #add_customer .modal-body .slimScrollDiv {
        height: 500px !important;
    }
    .fab {
        width: 50px;
        height: 50px;
        background-color: #0088B9;
        border-radius: 50%;
        box-shadow: 0 6px 10px 0 #999999;
        transition: all 0.1s ease-in-out;
        font-size: 35px;
        color: white;
        text-align: center;
        line-height: 50px;
        position: absolute;
        right: 10px;
        bottom: 25px;
    }
    .pad0{
        padding-right: 0px;
    }
}
@media (min-width: 1367px) and (max-width: 1440px) {  
    .modal-wide {
        width: 50% !important;
    }
    .page-boxed .nav h3 {
        font-size: 24px;
    }
    .portlet-body .dropdown-menu .scroller{
        max-height:120px !important;height: 120px !important;
    }
    .portlet-body .scroller{
        max-height:422px;height: 422px;}
    .modal-body .scroller{max-height:450px;height: 450px;}
    .modal-scrollable .slimScrollDiv {
        height: 450px !important;
    }
    .modal-scrollable #add_customer .modal-body .slimScrollDiv {
        height: 500px !important;
    }
    .fab {
        width: 50px;
        height: 50px;
        background-color: #0088B9;
        border-radius: 50%;
        box-shadow: 0 6px 10px 0 #999999;
        transition: all 0.1s ease-in-out;
        font-size: 35px;
        color: white;
        text-align: center;
        line-height: 50px;
        position: absolute;
        right: 10px;
        bottom: 25px;
    }
    .pad0{
        padding-right: 0px;
    }
}


@media (min-width: 1280px) and (max-width: 1366px) {  
    .timeline_title {
        height: 35px !important;
        line-height: 8px !important;
    }
    .date_block {
        padding: 0px !important;
        margin-top: -7px !important;
    }
    .fab {
        width: 35px !important;
        height: 35px !important;

        font-size: 30px !important;
        line-height: 35px !important;
    } 
    .fab:hover {
        width: 35px !important;
        height: 35px !important;
        font-size: 30px !important;
        line-height: 35px !important;	
        box-shadow: 0 6px 14px 0 #999999;
        transform: scale(1.05);
        cursor:pointer;
    }

    .page-content { 
        min-height: 500px; 
    }
    .page_content { 
        min-height: 500px; 
    }

    .page-boxed .nav h3 {
        font-size: 24px;
    }
    .modal-wide {
        width: 50% !important;
    }
    .page-footer-fixed .page-container {
        margin-bottom: 5px;
    }
    .well2 .caption {
        color: #fff !important;
        font-size: 12px !important;
        line-height: 12px !important;
    }
    .portlet-body .scroller{
        max-height:233px;height: 233px;
    }
    .modal-body .scroller{max-height:425px;height: 425px;}
    .modal-scrollable .slimScrollDiv {
        height: 400px !important;
    }

    .pad0{
        padding-right: 0px;
    }

}

@media (min-width: 1201px) and (max-width: 1280px) {  

    .fab {
        width: 35px !important;
        height: 35px !important;

        font-size: 30px !important;
        line-height: 35px !important;
    } 
    .fab:hover {
        width: 35px !important;
        height: 35px !important;
        font-size: 30px !important;
        line-height: 35px !important;	
        box-shadow: 0 6px 14px 0 #999999;
        transform: scale(1.05);
        cursor:pointer;
    }

    .page-content { 
        min-height: 500px; 
    }
    .page_content { 
        min-height: 500px; 
    }

    .page-boxed .nav h3 {
        font-size: 24px;
    }
    .modal-wide {
        width: 50% !important;
    }
    .page-footer-fixed .page-container {
        margin-bottom: 5px;
    }
    .well2 .caption {
        color: #fff !important;
        font-size: 12px !important;
        line-height: 12px !important;
    }
    .portlet-body .scroller{
        max-height:233px;height: 233px;
    }
    .modal-body .scroller{max-height:425px;height: 425px;}
    .modal-scrollable .slimScrollDiv {
        height: 425px !important;
    }

    .pad0{
        padding-right: 0px;
    }
    #expenses .modal-body .scroller{max-height:420px;height: 420px;}
}

@media (min-width: 780px) and (max-width: 1200px) {  
    .page-boxed .nav h3 {
        font-size: 24px;
    }
    .modal-wide {
        width: 70% !important;
    }
    .header .navbar-nav .getsatrted {
        margin-right: 0px;
        display: block !important;

    }
    .header .navbar-nav {
        margin-right: 0px;
        display: block !important;

    }

    #expenses .modal-body .scroller{max-height:420px;height: 420px;}															  

    .portlet-body .scroller{
        max-height:275px;height: 275px;
    }
    .page-content { 
        /*margin-left: 210px;*/ 
        margin-top: 30px;
        min-height: 300px; 
        padding: 0px 20px 20px 20px;
    }
    .page_content { 
        margin-left: 210px; 
        margin-top: 30px;
        min-height: 300px; 
        padding: 0px 20px 20px 20px;
    }

    .page-sidebar-fixed .page-content {
        min-height: 250px; 
        border-radius: 0;
    }
    .page-sidebar-fixed .page_content {
        min-height: 250px; 
        border-radius: 0;
    }
    .modal-body .scroller{max-height:450px;height: 450px;}
    .modal-scrollable .slimScrollDiv {
        height: 450px !important;
    }	
    .fab {
        width: 45px;
        height: 45px;
        background-color: #0088B9;
        border-radius: 50%;
        box-shadow: 0 6px 10px 0 #999999;
        transition: all 0.1s ease-in-out;
        font-size: 35px;
        color: white;
        text-align: center;
        line-height: 45px;
        position: absolute;
        right: 10px;
        bottom: 25px;
    }	
    .pad0{
        padding-right: 0px;
    }
}
@media (min-width: 768px) and (max-width: 780px) {  
    .page-boxed .nav h3 {
        font-size: 20px;
    }
    .modal-wide {
        width: 50% !important;
    }

    .portlet-body .scroller{
        max-height:375px;height: 375px;
    }
    .page-content { 
        margin-left: 210px; 
        margin-top: 30px;
        min-height: 300px; 
        padding: 0px 20px 20px 20px;
    }
    .page_content { 
        margin-left: 210px; 
        margin-top: 30px;
        min-height: 300px; 
        padding: 0px 20px 20px 20px;
    }

    .page-sidebar-fixed .page-content {
        min-height: 250px; 
        border-radius: 0;
    }
    .page-sidebar-fixed .page_content {
        min-height: 250px; 
        border-radius: 0;
    }
    .modal-body .scroller{max-height:450px;height: 450px;}
    .modal-scrollable .slimScrollDiv {
        height: 450px !important;
    }	
    .fab {
        width: 45px;
        height: 45px;
        background-color: #0088B9;
        border-radius: 50%;
        box-shadow: 0 6px 10px 0 #999999;
        transition: all 0.1s ease-in-out;
        font-size: 35px;
        color: white;
        text-align: center;
        line-height: 45px;
        position: absolute;
        right: 10px;
        bottom: 25px;
    }	
    .pad0{
        padding-right: 0px;
    }
}
/***********Responsive code for RHS******/
/***********Messages RHS******/
#MSholder {
    background: #fff;
    width: 250px;
    padding: 0px;
    position: relative;
    /*z-index: 9992;*/
    float: right;
    margin-right:0px;
    border: 1px solid #ddd;
}

#MSholder.portlet{
    border-radius:0px;
    margin-top: 0px;
}
#MSholder .portlet-body{
    background-color:#f0f0f0;
    padding:10px 9px 9px 9px;
}
/***********Messages RHS******/
.scroller2{
    padding: 0px;
    margin: 0px;
    padding-right: 12px;
    overflow: hidden;
    max-height: 420px;
}

#refresh {
    background: transparent;
    width: 60px;
    height:60px;
    position: absolute;
    z-index: 9992;
    float: left;
    margin-left: 70px;
    margin-top: -1px;
}
#refresh.portlet{
    border:0px;
    border-radius:0px;
}
#MDholder {
    background-color: #ededed;
    width: 360px;
    position: relative;
    z-index: 9992;
    float: right;
    /*margin-right:-155px;*/
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    border: 1px solid #ddd;
}

#MDholder.portlet{
    border-radius:0px;
}

.tab-content{
    background-color:#ffffff;
}
.closebx{
    margin-top: 6px;
    margin-right: 2px;
    background-image: url(../img/sidebar-search-close_wht.png);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    float:right;
}
.form-horizontal .label2{
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}

@media(min-width:768px){.form-horizontal .control-label{text-align:left !important;padding-top:7px !important;}}

.targetDiv .tab-content #ex_hdr{
    margin-bottom:0px;
    margin: 0 10px;
    border-bottom:1px solid #b7b7b7;
    padding: 5px!important;
}
#ex_hdr .time-label,
#ex_hdr .dsc-label
{
    color:#333 !important;
    font-weight:bold !important;
}
.dsc-label a, .dsc-label a:hover {
    text-decoration: none;
    border-bottom: dashed 1px #0088cc;
}
.targetDiv .tab-content{
    padding:10px;

}
.targetDiv .tab-content #tab_1_1.form-group{
    padding:1px 0 0px 0 !important;
}
.targetDiv .tab-content #tab_1_2 .tab-pane2 .form-group{
    padding:0px 0 4px 0 !important;
}
#tab_hdr .route-label,
#tab_hdr .appr-label{
    padding:5px 0 10px 0 !important;
}
#reportrange span{
    font-size: 13px;
    border: 0px !important;
    height: auto !important;
    padding: 0px 0px !important;
    color: #333333 !important;
}
.targetDiv .tab-content .form-control{
    background-color: #FFFFFF !important;
    font-size: 14px;
    border: 0px !important;
    height: auto !important;
    padding: 0px 0px !important;
    color: #000000 !important;
}
.targetDiv .col-md-6 .btn {
    padding: 0px !important;
    border: 0px !important;
    color: #16a6df;
}
.targetDiv #tab_1_1 #tab_hdr .btn {
    padding: 4px 12px !important;	
    border: 0px !important;
    color: #16a6df;
    font-size:11px;
    line-height: 11px;
    text-align: right !important;
    background-color:transparent !important;
}
.targetDiv #tab_1_2 #tab_hdr .btn {
    padding: 4px 12px 4px 0px !important;	
    border: 0px !important;
    color: #16a6df;
    font-size:11px;
    line-height: 11px;
    text-align: right !important;
    background-color:transparent !important;
}
.targetDiv #tab_hdr .tab-content .btn-default:hover, 
.targetDiv #tab_hdr .tab-content .btn-default:focus, 
.targetDiv #tab_hdr .tab-content .btn-default:active, 
.targetDiv #tab_hdr .tab-content .open .dropdown-toggle.btn-default {
    color: #16a6df;
    background-color: transparent !important;
    border-color: transparent !important;
}
.targetDiv .form-group label a{
    color: #16a6df;
    text-decoration:none;
}
#tab_hdr{
    margin:0px 0px 10px 0px;
}
.targetDiv #tab_hdr .col-md-6,
.targetDiv #tab_hdr  .col-md-12,
.scroller .form-group div.col-md-12{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.scroller .form-group div.col-md-12{
    margin-bottom:5px;
}
.targetDiv .tab-content .form-body{
    margin-bottom:0px;
    padding:0px !important;
    border-bottom:1px solid #e6e6e6;
    margin: 0 -15px 10px 0px;
}

.targetDiv label{
    margin-bottom: 0px !important;
}
.targetDiv .form-horizontal .form-group {
    margin-bottom: 10px !important;
}
.targetDiv #tab_1_1 label.time-label,
.targetDiv #tab_1_2 label.time-label{
    font-size:11px;
    color:#888;
    text-align: left !important;
    margin-top: -2px;
}
.targetDiv #tab_1_1 #path label.time-label,
.targetDiv #tab_1_2 #path label.time-label{
    font-size:11px;
    color:#333 !important;
    text-align: left !important;
    margin-top: -2px;
}
.targetDiv #tab_1_1 label.time-label,
.targetDiv #tab_1_1 label.title-label,
.targetDiv #tab_1_1 label.loc-label,
.targetDiv #tab_1_1 label.dsc-label{
    margin-left:-5px;
}
.targetDiv #tab_1_1 #path label.time-label,
.targetDiv #tab_1_1 #path label.title-label,
.targetDiv #tab_1_1 #path label.loc-label,
.targetDiv #tab_1_1 #path label.dsc-label{
    margin-left:14px;
}
.targetDiv #tab_1_2 label.time-label,
.targetDiv #tab_1_2 label.title-label,
.targetDiv #tab_1_2 label.loc-label,
.targetDiv #tab_1_2 label.dsc-label{
    margin-left:-15px;
}
.targetDiv label.title-label, #customer label.title-label{
    /*padding-top: 4px !important;*/
    padding-bottom: 2px !important;
    font-size:14px !important;
    font-weight:600;
    color:#555555;
    /*margin-top: -2px;*/
}
#customer label.title-label a{text-decoration:none; color:#16a6df !important;}

/*
.targetDiv label.head-label, #customer label.head-label{
padding-bottom: 5px !important;
font-size:14px !important;
}*/
.targetDiv #tab_1_1 #path label.title-label, #customer #tab_1_1 #path label.title-label{
    margin-top: -20px;
}
.targetDiv label.amt-label{
    padding-bottom: 5px !important;
    text-align: right !important;
    font-size:13px !important;
    font-weight:bold;
}
.targetDiv label.loc-label{
    padding-top: 0px !important;
    padding-bottom: 5px !important;
    font-size:13px !important;
    margin-top: -5px;
}
.targetDiv #path label.loc-label{
    margin-top: -2px;
    font-weight:400;	
    font-size:11px !important;
    color:#999 !important;
}
.targetDiv label.control-label1{
    line-height:27px;
    padding-bottom: 2px;
}
.targetDiv label.control-label1{
    font-size:11px !important;
}
.txtr{text-align:right}
.targetDiv label.dsc-label, #customer label.dsc-label{

    font-size:13px;
}
.targetDiv label.appr-label,
.targetDiv label.route-label{
    font-size:11px;
}


.targetDiv .tab-pane#tab_2_1,
.targetDiv .tab-pane#tab_3_1,
.targetDiv .tab-pane#tab_4_1,
.targetDiv .tab-pane#tab_5_1{
    max-height: 443px;

}

.targetDiv #tab_2_2 .tab-pane2,
.targetDiv #tab_3_2 .tab-pane2,
.targetDiv #tab_4_2 .tab-pane2,
.targetDiv #tab_5_2 .tab-pane2{
    min-height: 400px;
    max-height: 480px;
    overflow-y: hidden;
}
.targetDiv .nav-tabs{
    margin-bottom: 0px!important;

}
.targetDiv .nav-tabs>li {
    display: inline-block;
    width: 110px !important;
    float: none;
    text-align: center;
    font-size: 12px;
}
.targetDiv .nav-tabs>li:first-child {
    margin-right:5px;
}
/*
.targetDiv .nav-tabs>li.active:first-child {
margin-right:1px;
}
.targetDiv .nav-tabs>li.active:nth-child(2) {
margin-left:1px;
}

/*
.targetDiv .nav-tabs>li.active:last-child {
margin-right:1px;
margin-left:1px;
}*/
.targetDiv .nav-tabs>li:last-child {
    margin-left:1px;
}
.targetDiv .nav-tabs>li>a {
    line-height: 1.428571429;
    border: 0px !important;
    border-radius: 0px !IMPORTANT;
    background-color: #cdccca !important;
    color:#000 !important;
}
.targetDiv .nav-tabs>li>a{
    margin-right:-1px !important;
}
.targetDiv .nav>li>a {
    padding: 6px 0px !important;
}

.targetDiv .nav-tabs>li.active>a{
    border-radius: 0px !IMPORTANT;
    background-color: #fff !important;
}
.targetDiv .nav-tabs>li>a:hover{
    border-color:transparent;
    border: 0px !important;
}
.targetDiv .nav-tabs {
    border-bottom: none !important;
}
.targetDiv .form-group.success{
    border-left:1px solid #45b549;
    margin-bottom: 10px !important;
}
.targetDiv .form-group.stat_blnk{
    border-left:1px solid #ffffff;
    margin-bottom: 10px !important;
}
.targetDiv .form-group.failed{
    border-left:1px solid #c92027;
    margin-bottom: 10px !important;
}

/*Expenses*/



.targetDiv #tab_2_2 label.time-label,
.targetDiv #tab_2_2 label.dsc-label,
.targetDiv #tab_3_2 label.amt-label,
.targetDiv #tab_3_2 label.time-label,
.targetDiv #tab_3_2 label.dsc-label,
.targetDiv #tab_3_2 label.amt-label,
.targetDiv #tab_4_2 label.time-label,
.targetDiv #tab_4_2 label.dsc-label,
.targetDiv #tab_4_2 label.amt-label,
.targetDiv #tab_5_2 label.time-label,
.targetDiv #tab_5_2 label.dsc-label,
.targetDiv #tab_5_2 label.amt-label
{
    font-size:14px;
}


.targetDiv #tab_2_2 label.time-label,
.targetDiv #tab_2_2 label.amt-label,
.targetDiv #tab_3_2 label.time-label,
.targetDiv #tab_3_2 label.amt-label,
.targetDiv #tab_4_2 label.time-label,
.targetDiv #tab_4_2 label.amt-label,
.targetDiv #tab_5_2 label.time-label,
.targetDiv #tab_5_2 label.amt-label
{
    line-height:28px !important;
}

.targetDiv #tab_2_2 label.dsc-label,
.targetDiv #tab_3_2 label.dsc-label,
.targetDiv #tab_4_2 label.dsc-label,
.targetDiv #tab_5_2 label.dsc-label{
    line-height:29px !important;
}

.targetDiv #tab_2_2 label.time-label,
.targetDiv #tab_3_2 label.time-label,
.targetDiv #tab_4_2 label.time-label,
.targetDiv #tab_5_2 label.time-label
{
    color:#888;
    text-align: left !important;
    margin-bottom: 0px;
}

.targetDiv #tab_2_2 label.amt-label,
.targetDiv #tab_3_2 label.amt-label,
.targetDiv #tab_4_2 label.amt-label,
.targetDiv #tab_5_2 label.amt-label
{
    text-align:right;
    font-weight:bold;
}

.targetDiv #tab_2_2 label.control-label1 button,
.targetDiv #tab_3_2 label.control-label1 button,
.targetDiv #tab_4_2 label.control-label1 button,
.targetDiv #tab_5_2 label.control-label1 button
{
    float:right;
}
/*Messages
.targetDiv #tab_1_3 .form-body,
.targetDiv #tab_2_3 .form-body,
.targetDiv #tab_3_3 .form-body,
.targetDiv #tab_4_3 .form-body,
.targetDiv #tab_5_3 .form-body
{
border-bottom:0px !important;
}
.targetDiv #tab_1_3 .form-group:first-child,
.targetDiv #tab_2_3 .form-group:first-child,
.targetDiv #tab_3_3 .form-group:first-child,
.targetDiv #tab_4_3 .form-group:first-child,
.targetDiv #tab_5_3 .form-group:first-child
{
margin-bottom:10px !important;
}
textarea {
    resize: none;
}
*/
.dropdown-menu{
    z-index: 10010 !IMPORTANT;
}

/*Add Customers*/
#customer .portlet-body .tab-content {
    height: auto;
    border: 1px solid #ddd;
    border-top: 0;
    margin-top: -10px;
    margin-bottom: 25px;
    padding: 11px;
}
#customer .tab-content {
    height: auto;
    overflow-y: hidden;
    border: 1px solid #ddd;
    border-top: 0;
    margin-top: -11px;
    padding: 11px;
}

/*Customer Notes*/
#customer .time-note{
    font-size:13px;
    font-weight:500;
    color:#a4a4a4;
    text-align: left !important;
    line-height:23px;
}
#customer #tab_cust3 .form-group {
    margin-right: 0px;
    margin-left: 0px;
    padding: 6px 0 0 0px !important;
}
#customer .comm{
    margin-bottom: 5px;
    border-bottom:1px solid #efefef;
}
.comm .col-md-12{
    padding:0px 10px
}
#customer .editable-click,#customer a.editable-click,#customer a.editable-click:hover {
    text-decoration: none;
    border-bottom: dashed 1px #0088cc !important;
    font-weight:normal !important;
    border:none;
}
.caption .editable-container.editable-inline {
    margin-top: -9px;
}
.caption .editable-input{
    margin-top: 3px;
}
.editable-container.editable-inline {
    display: block;
    vertical-align: middle;
    width: auto;
    zoom: 1;
}
#customer label.control-label1{
    line-height:28px;
    margin-left: -2px;
    margin-bottom: -10px;
}
/*
#customer label.dsc-label{
margin-top: -1px;
margin-bottom: 1px !important;
font-size:15px;
}
*/
#tab_cust3 .form_group{
    margin-bottom: 0px !important;
}
a#comments, a#comments2{font-size:15px !important;color:#333;}
#customer #tab_cust4 .form-body {
    margin-bottom: 0px;
    border-bottom: 1px solid #e7e7e7;
}
#customer #tab_cust3 .buttons, #customer #tab_cust4 .buttons  {
    border-top: 0px !important;
    padding-top: 0px !important;
}
.fr{float:right}
.fl{float:left;}
#customer #tab_cust4 .form-group.success{
    border-left:5px solid #45b549;
    margin-bottom: 0px !important;
}
#customer #tab_cust4 .form-group.failed{
    border-left:5px solid #c92027;
    margin-bottom: 0px !important;
}
#customer #tab_cust4 .form-group{
    margin-bottom:0px !important;
}
#customer #tab_cust4 label {
    margin-bottom: 0px !important;
}
/*Legends*/
.le_success{
    width:9px;
    height:9px;
    border:1px solid;
    float:left;
    margin: 9px 4px;
    background-color:#45b549;
}
.le_failed{
    width:9px;
    height:9px;
    border:1px solid;
    float:left;
    margin: 9px 4px;
    background-color:#c92027;
}
.le_pending{
    width:9px;
    height:9px;
    border:1px solid;
    float:left;
    margin: 9px 4px;
    background-color:#fff;
}
#expenses img{
    max-width: 100%;
    height: auto !important;
}

#expenses .form-section{
    margin: 0px 0px 25px 0px;
    padding-bottom: 5px;
}
#expenses .form-control-static {
    padding-top: 5px;
}
label.static-label{
    line-height:30px;
}


.page-sidebar-menu > li > ul.sub-menu > li > a#ar {
    display:inline;
    padding: 5px 0px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    background: none;
    width: 30px;
}
.page-sidebar-menu > li > ul.sub-menu > li > a#arr {
    display:inline;
    padding: 5px 0px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    background: none;
    width: 185px;
}
/*Dashboard*/
.wrapper .divider {
    height: 1px;
    margin: 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.small1 {
    height: 139px;
    overflow:hidden;
    overflow-y:scroll;   
}
.big {
    height: 250px;
    overflow:hidden;
    overflow-y:scroll;
}
.see label{
    font-size:12px !important;
    float:right;
}
/*
.control-label{
font-size:13px !important;
}
*/
.small1 form label,.big form label {
    font-size:13px !important;
    margin-top:10px;
}
.team-info .control-label {
    margin-left:-15px !important;
}
.team-info .col-md-5,
.team-info .col-md-7{
    padding-right: 0px !important;
}

.small1 .form-body, .big .form-body {
    padding: 0px 10px !important;
}
.small1 .form-body h5, .big .form-body h5{
    font-size: 13px;
    font-weight: 300;
    color: #333111;
    text-align: left !important;
    /*margin-top: 10px;*/
    margin-bottom: 5px !important;
}
.small1 .form-body label, .big .form-body label{
    font-weight: 300 !important;
}
.wrapper{
    /*margin-top:10px;*/
    line-height:13px;
}
.wrapper .panel-body {
    padding: 0px !important;
}
.panel-heading a h5{
    font-size: 14px !important;

    color: #333111;
}
.panel-heading a{
    text-decoration:none !important;
}
.panel-heading {
    padding: 10px 10px !important;
    border-radius:0px !important;
}
.panel-heading{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.wrapper{border-bottom:1px solid #ccc;}
.meet-our-team .form-group.success{
    border-left:5px solid #45b549;
    margin-bottom: 0px !important;
}
.meet-our-team .form-group.failed{
    border-left:5px solid #c92027;
    margin-bottom: 0px !important;
}
.wrapper [class*=" fa-"] {
    /*  font-size: 19px !important;*/
    /*  line-height: 19px;*/
}
.meet-our-team  .online,
.meet-our-team  .offline,
.meet-our-team  .P_online,
.meet-our-team  .P_offline,
.meet-our-team .in_meet{
    margin-top: 16px !important;
    margin-right: 0px !important;
    float:right !important;
    display:block;
    position:relative;

}	
.meet-our-team .in_meet{
    margin-right: 0px !important;
}
.wrapper .online,
.wrapper .offline,
.wrapper .P_online,
.wrapper .in_meet{
    margin-top: 0px !important;
    margin-right: 0px !important;
}	
.fa-angle-left{
    margin-right: 4px !important;
}
.team-info .form-group label{
    margin-bottom: 0px !important;
}
.team-info .form-body{
    padding:0 10px 15px 10px!important;
}
.team-info .portlet-body .form-body{
    padding:10px 10px!important;
}
.small1 .portlet-body{margin-top: -10px;}
.meet-our-team .form-group .fa{
    color: #f34840;
}
.meet-our-team .wrapper .fa{

}
.meet-our-team .form-group a label{
    cursor:pointer !important;
    color:#999 !important;
    text-decoration:none !important;
}
.meet-our-team h3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.meet-our-team .membername{
    padding-left:6px;
}
.meet-our-team .membername2{
    padding-left:14px;
}
.meet-our-team .membername{
    width:80%;  display: block; 
    height:30px;
    float:left;
    white-space: nowrap; 
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis; 
    overflow: hidden;
}
.meet-our-team .membername2{
    width:55%;  display: block; 
    height:20px;
    font-size:12px;	
    color: #999 !important;
    float:left;

    white-space: nowrap; 
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis; 
    overflow: hidden;
}
i.fa.fa-tty,
i.fa.fa-globe{
    width: 18px;
    font-size: 16px !important;
}
.page-sidebar-menu.dash > li.active {
    border-right: 0px;
}
/*
.page-sidebar-menu > li.active {
border-right: 4px solid #16a6df;
}
*/
.meet-our-team  .monline,
.meet-our-team  .moffline{
    margin-top: 16px !important;
}

ul.page-sidebar-menu > li a i {
    color: #000;
}
h5 .fa.fa-angle-down,
h5 .fa.fa-angle-right{
    margin-right:4px;
}
.form-body .fa.fa-building-o{
    margin-right:4px;
}
.form-group .membername {
    padding-left: 0px; 
}




.targetDiv7 .caption {
    color: #fff !important;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    float:left;
}
.page-sidebar,
.page-sidebar2 {
    background: #fff !important;
}

/*
.breadcrumb {
margin-bottom: 14px !important;
background-color: #fff !important;
}

.page-content .page-breadcrumb.breadcrumb {
background-color: none !important;
}
*/
#acti.row {
    margin-right: -5px !important;
    margin-top: 14px !important;
}
.caption2 span{
    color:#999999;
    font-weight: 400 !important;
}
li.user .username{
    /*margin-left:5px;*/
    margin-right:5px;
    white-space: nowrap; 
    width: 12em; 
    overflow: hidden;
    text-overflow: ellipsis; 

}

li.user i.fa-angle-down{
    color:#fff ;
}

.input-sm {
    border-radius: 0px !important;
}
/****CUSTOMERS LEFT MENU****/

#customer .nav li{margin-bottom:-1px !important;}

li.start .search-form1 input{
    margin: 0px 0px 5px 0;
}
.search-form1 .input-sm{
    padding: 5px 10px 5px 26px;
}
/*Fixed height for Left Menu*/
@media (min-width: 1000px) { 
    #chats{	
        margin-right: 136px;
    }
    #main.page-sidebar-menu{
        width:auto;
            height:305px !important;
        max-height:209px !important;
        overflow-y:auto;
    }
    .page-sidebar-menu{
        width:auto;
            height:400px !important;
        max-height:480px !important;
        overflow-y:auto;
    }
}
@media (min-width: 1200px) { 
    #chats{	
        margin-right: 93px;
    }
    #main.page-sidebar-menu{
        width:auto;
            height:305px !important;
        max-height:209px !important;
        overflow-y:auto;
    }
    .page-sidebar-menu{
        width:auto;
            height:400px !important;
        max-height:500px !important;
        overflow-y:auto;
    }
}
@media (min-width: 1300px) {
    .page-sidebar-menu {
        width: auto;
        height: 400px !important;
        max-height: 500px !important;
        overflow-y: auto;
    }	
    #chats{
        margin-right: 79px;
    }
    #main.page-sidebar-menu{
        width:auto;
            height:305px !important;
        max-height:209px !important;
        overflow-y:auto;
    }
    .page-sidebar-menu{
        width:auto;
            height:400px !important;
        max-height:500px !important;
        overflow-y:auto;
    }
}
@media (min-width: 1600px) { 
    #chats{
        margin-right: 40px;
    }
    #main.page-sidebar-menu{
        width:auto;
        height:305px !important;
        max-height:209px !important;
        overflow-y:auto;
    }
    .page-sidebarbar-menu{
        width:auto;
            height:550px !important;
        max-height:650px !important;
        overflow-y:auto;
    }
}

ul.page-sidebar-menu:hover .slimScrollBar{
    background-color: rgb(161, 178, 189) !important;
    opacity: 0.4 !important;
}

.meet-our-team h3{font-size:17px !important;}
.team-info .form-group{margin-bottom: 0px !important;}
.team-info .portlet-body .form-group{margin-bottom: 15px !important;}
.team-info .form-body{background: #f9f9f9;}
.team-info .wrapper .panel-heading{background: #eee;}
.meet-our-team h3,
h5.panel-title{font-weight: 400 !important;}


.gm-title h5{
    font-weight: normal !important;
}
#add_form .buttons{
    padding-top:10px;
}
#add_form .input-xsmall{width: 42px !important;}
#create .btn{padding: 6px 4px !important;width:100% !important;margin:2px 0;}

div.dataTables_paginate {
    float: right;
    margin: 0;
}

/*Date Range*/
#reportrange .fa-angle-down{
    float: right;
    padding-top: 4px;
    margin-left:-4px;
}
textarea{resize:none;}
#reportrange{
    cursor:pointer;
    text-align: left;
}
#reportrange [class*=" fa-calendar"]
{
    margin-right: -7px;
}
#reportrange.form-control{
    padding: 5px 8px;
    /*width: 241px !important;*/
}

#report_date_range .fa-angle-down{
    float: right;
    padding-top: 4px;
    margin-left:-4px;
}
#report_date_range{
    cursor:pointer;
    text-align: left;
}
#report_date_range [class*=" fa-calendar"]
{
    margin-right: -7px;
}
#report_date_range.form-control{
    padding: 5px 8px;
    /*width: 241px !important;*/
}






.user_tip_block{position:absolute;}
.user_tip_marker{position:absolute;cursor:pointer;text-align:center;z-index:98;background:none repeat scroll 0 0 #fff;width:30px;height:30px;-webkit-border-radius:50%;-webkit-background-clip:padding-box;-moz-border-radius:50%;-moz-background-clip:padding;border-radius:50%;background-clip:padding-box;line-height:20px;font-size:16px;color:#444;-webkit-box-shadow:0px 1px 20px 0px rgba(0, 0, 0, 0.24);-moz-box-shadow:0px 1px 20px 0px rgba(0, 0, 0, 0.24);box-shadow:0px 1px 20px 0px rgba(0, 0, 0, 0.24)}
.user_tip_marker .blink{display:inline-block;width:21px;height:21px;margin-left:-1px;margin-top:-1px;border:5px solid #00a2ea;border-radius:50%;-webkit-animation:pulsate 2s ease-out infinite;-moz-animation:pulsate 2s ease-out infinite;-o-animation:pulsate 2s ease-out infinite;animation:pulsate 2s ease-out infinite}
.user_tip_marker .inner_blink{display:inline-block;width:15px;height:15px;background-color:#00a2ea;border-radius:50%;position:absolute;top:50%;left:50%;margin-left:-11px;margin-top:-11px;border:3px solid #fff}

.user_tip_block{position:absolute}
.user_tip_box{background-color:#fff;z-index:99;color:#333;width:380px;padding:20px;position:absolute;top:-10px;left:45px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #e0e0e0;-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box;-webkit-box-shadow:0 2px 0 rgba(0, 0, 0, 0.05);-moz-box-shadow:0 2px 0 rgba(0, 0, 0, 0.05);box-shadow:0 2px 0 rgba(0, 0, 0, 0.05)}.user_tip_box:after{top:25px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-width:8px;margin-top:-8px;right:100%;border-right-color:#fff}.user_tip_box:before{top:25px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(224,224,224,0);border-width:9px;margin-top:-9px;right:100%;border-right-color:#e0e0e0}.user_tip_box.right{left:auto;right:16px}.user_tip_box.right:after{top:25px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-width:8px;margin-top:-8px;left:100%;border-left-color:#fff}.user_tip_box.right:before{top:25px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(224,224,224,0);border-width:9px;margin-top:-9px;left:100%;border-left-color:#e0e0e0}.user_tip_box.mobile{margin-top:50px}.user_tip_box.mobile:after,.user_tip_box.mobile:before{border:none;background-color:transparent}.popover-content .headers{padding:0 0 .5rem 0}.popover-content .headers .headers_text{font-size:14px;font-weight:700;margin-bottom:.5em}.popover-content .headers .close_tip{text-decoration:none;color:#999;float:right;cursor:pointer;font-size:22px;margin-top:-8px}.popover-content .headers .close_tip:hover{color:#444}.user_tip_box .main_text{margin:0;padding:0;font-size:13px;line-height:16px;color:#7a7a7a}
.popover-content .footers{margin-top:20px}
.popover-content .footers #close-popover{margin-bottom: 10px;float:right;background-color:#39a1e7;color:#fff;-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box;font-weight:600;font-size:13px;font-weight:normal;padding:8px 22px 9px}.popover-content .footers .got_it_link:hover{background-color:#0e7cfe}.popover-content .footers .got_group_link{float:left;color:#999}.popover-content .footers .got_group_link:hover{color:#444}

.popover-content .headers .header_text{font-size:14px;font-weight:700;margin-bottom:.5em}
.popover-content .headers .close_tip{text-decoration:none;color:#999;float:right;cursor:pointer;font-size:22px;margin-top:-8px}.popover-content .headers .close_tip:hover{color:#444}.user_tip_box .main_text{margin:0;padding:0;font-size:13px;line-height:16px;color:#7a7a7a}.popover-content .footers{margin-top:20px}.popover-content .footers .got_it_link{margin-top:-10px;float:right;background-color:#39a1e7;color:#fff;-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box;font-weight:600;font-size:13px;font-weight:normal;padding:8px 22px 9px}.popover-content .footers .got_it_link:hover{background-color:#0e7cfe}.popover-content .footers .got_group_link{float:left;color:#999}.popover-content .footers .got_group_link:hover{color:#444}


.spinner1 {
    width: 40px;
    height: 40px;
    position: absolute;
    margin: auto;
}

.double-bounce1, .double-bounce2 {
    width: 70%;
    height: 70%;
    border-radius: 50%;
    background-color: #ed4646;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
    0%, 100% { 
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% { 
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.popover.left {
    margin-left: 0px !important;
}
.popover-title {display:none !important;}


.popover{
    max-width: 100% !important; /* Max Width of the popover (depending on the container!) */
}


.copy-pasta__body {
    width: auto;
}
.quick-tip {
    position: absolute;
    background-color: #fff;
    z-index: 1000;
    box-shadow: 0 0 4px rgba(0,0,0,.3);
    border-radius: 5px;
    border: 1px solid #ebebeb;
    cursor: default;
}
.copy-pasta__body {
    width: 556px;
}
.copy-pasta__title {
    font-size: 30px;
    font-weight: 200;
    color: #666;
    text-align: center;
}
.copy-pasta__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 40px;
}
.copy-pasta__left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 15px;
    text-align: center;
}

.quick-tip__close {
    text-align: right;
    padding: 10px 10px 0;
}
.quick-tip__close button {
    float: none;
}
button.close {
    padding: 4px 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.close {
    float: right;
    color: #ccc;
    min-width: 0;
    text-shadow: 0 1px 0 #fff;
}
.copy-pasta__text {
    font-size: 14px;
}
.copy-pasta__logos, .copy-pasta__right {
    background-repeat: no-repeat;
    background-position: 50%;
}
.copy-pasta__logos {
    background-image: url(../../e9496775.copy_pasta_logos_223px.png);
    background-size: 160px 42px;
    height: 42px;
    margin: 20px 0;
}
.copy-pasta__right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-image: url(../../fce8108f.copy_pasta_product_cropped_223px.gif);
    background-size: 223px 207px;
    height: 207px;
    margin-left: 15px;
}
.login .content2 {
    background-color: #fff;
    width: 500px;
    margin: 0 auto;
    margin-bottom: 0px;
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 15px;
    border-radius: 4px;
}

.content2 h3{
    text-align: center;
    margin-bottom: 20px;
}
.content2 h5{
    line-height:24px;
    font-size:15px;
    margin-top: 20px;
}
.content2{
    text-align: center;
}

/*edit/delete visit*/
.opt{
    position: relative;
}
.opt:hover > .action {
    display: block;
    margin-bottom: 0 !important;
}
.opt .action {
    display: none;
}
.opt > .action {
    position: absolute;
    top: -5px;
    right: 20px;
}
.opt .action .btn {
    padding: 0 4px 0px !important;
    border: 0px !important;
    color: #ce5e5e;
    font-size: 11px;
    line-height: 11px;
    text-align: right !important;
    background-color: transparent !important;
}

#drilldown1{
    text-align: left;
}
#drilldown1 .dropdown-menu{
    max-height: 200px;
    overflow: auto;
    width: 93%;
    left: 15px;
}
#drilldown1 .dropdown-menu li > a {
    padding: 0;
    padding-left: 0px;
}
#drilldown1 .dropdown-menu {
    border-radius: 0px !important;
}
#drilldown1 ul .dropdown-menu{
    max-height: 250px;
    width:93%;
}
#drilldown1 .dropdown-menu li > a {
    padding: 6px 0 6px 13px;
    font-size: 13px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    display: block;
    clear: both;
    font-weight: normal;
    white-space: nowrap;
    padding-left: 4px;
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 2px 1px 15px;
}
#drilldown1 .dropdown-menu li > a:hover, #drilldown1 .dropdown-menu .active > a, #drilldown1 .dropdown-menu .active > a:hover {
    text-decoration: none;
    background-image: none;
    filter: none;
    background-color: #1e90ff;
    color: #ffffff;
}
.pic_block {
    height: 40px;
    width: 300px;
    display: table;
    float:left;
}
.date_block {
    float:right;
    border: 0px;
    padding: 7px 16px 0 0;
}
.prod_block {
    display: table;

}
.avatar {
    float: left;
}
.prod {
    float: left;
    width:95px;
    display: table-cell;
    font-size:13px;
    text-align: center;
    color:#fff;
    border-right:1px solid #88c7de;
    margin-right:8px;
    height: 68px;
}
.count{
    font-size:16px;font-weight:400;
}
.prod2 {
    float: left;
    width:74px;
    display: table-cell;
    font-size:13px;
    text-align: center;
    color:#fff;
}
.arc{
    padding:1px 0 4px 0;
    margin-top: -4px;
}
.arc2{
    padding:1px 0 5px 0;
}
.arc2 span{
    padding:4px 0 3px 0;
}
.arc_time{
    padding:1px 0 4px 0;
    font-size:11px;
}
.pic_block .avatar img {
    border-radius: 50%;
    border:1px solid #fff;
    margin-right:10px;
}
.avatar,.info{
    display: table-cell;
    vertical-align: middle;
    float: left;
}
.timeline_title {
    height:35px;
    padding-left:16px;
    line-height:35px;
    font-size:14px;
    font-weight: 400;
    text-align: left;
    color:#333111;
    background-color:#ffffff;
}
.timeline_footer {
    height:15px;
    /*	
            padding-left:16px;
            line-height:35px;
            font-size:14px;
            font-weight: 400;
            text-align: center;
            color:#ffffff;
    */	
    background-color:#fff;
}

.down_arrow::after {
    content: " ";
    height: 0;
    position: absolute;
    top: 261px;
    width: 0;
    z-index: 1;
    left: 169px;
    border: medium solid white;
    border-width: 10px 10px 10px 10px;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent; 

}


/****************                  ****************/
/**************** Timeline Content ****************/
/****************                  ****************/

/* The actual timeline (the vertical ruler) */
.timeline {
    position:relative;
    max-width: 358px;
    margin: 0 auto;
    background-color:#ededed;
}


/* The actual timeline (the vertical ruler) */


div.timeline:nth-child(1):after {
    content:"";
    position:absolute;
    width: 3px;

    height:auto;
    display:block;
    top:15px;
    bottom: 75px;
    left: 26px;
    float:left;
}

.timeline:nth-child(1) .content_time:first-child::after {
    content:"";
    position:absolute;
    width: 3px;
    background-color: #ffffff;
    display:block;
    overflow:auto;
    top:12px !important;
    bottom:-50px !important;
    left: -32px;
    float:left;
}
.timeline:nth-child(1) .content_time_start:first-child::after {
    content:"";
    position:absolute;
    width: 3px;
    background-color: none;
    display:block;
    overflow:auto;
    top:12px !important;
    bottom:1px !important;
    left: -32px;
    float:left;
}
.timeline:nth-child(1) .content_time::after {
    content:"";
    position:absolute;
    width: 3px;
    background-color: #ffffff;
    display:block;
    overflow:auto;
    top:0px;
    bottom:1px;
    left: -32px;
    float:left;
}
.timeline:nth-child(1) .travel_time::after {
    content:"";
    position:absolute;
    width: 3px;
    background-color: #ffffff;
    display:block;
    overflow:auto;
    top:-21px;
    bottom:-22px;
    left: -32px;
    float:left;
}

.timeline:nth-child(1) .content_time_end::after {
    content:"";
    position:absolute;
    width: 3px;
    background-color: #ffffff;
    display:block;
    overflow:auto;
    top:12px;
    bottom:99px;
    left: -32px;
    float:left;
}

.seprator{
    width: 358px;
    height: 70px;
    right: 0px;
    background-repeat: no-repeat !important;
    background-image: url("../img/pend_visit.png") !important;
    top: 0px;
    z-index: 1;
}
div.timeline:nth-child(2):after {
    content:"";
    position:absolute;
    width: 3px;
    height:auto;
    display:block;
    top:15px;
    bottom: 75px;
    left: 26px;
    float:left;
}

/* Container around content */
.container_time {
    padding: 10px 30px;
    position: relative;
    width: 340px;
}
.punchin:after {
    content: '';
    position: absolute;
    width: 31px;
    height: 31px;
    right: -17px;
    background-repeat: no-repeat !important;
    background-image: url("../img/punch-in.png") !important;
    top: 12px;
    z-index: 1;
}

.punchout:after {
    content: '';
    position: absolute;
    width: 31px;
    height: 31px;
    right: -17px;
    background-repeat: no-repeat !important;
    background-image: url("../img/punch-out.png") !important;
    top: 12px;
    z-index: 1;
}
.work:after {
    content: '';
    position: absolute;
    width: 31px;
    height: 31px;
    right: -17px;
    background-repeat: no-repeat !important;
    background-image: url("../img/office2.png") !important;
    top: 12px;
    z-index: 1;
}

.visit:after {
    content: '';
    position: absolute;
    width: 31px;
    height: 31px;
    right: -17px;
    background-repeat: no-repeat !important;
    background-image: url("../img/visit_wht.png") !important;
    top: 12px;
    z-index: 1;
}
.visit_comp:after {
    content: '';
    position: absolute;
    width: 31px;
    height: 31px;
    right: -17px;
    background-repeat: no-repeat !important;
    background-image: url("../img/visit_grn.png") !important;
    top: 12px;
    z-index: 1;
}
.visit_skip:after {
    content: '';
    position: absolute;
    width: 31px;
    height: 31px;
    right: -17px;
    background-repeat: no-repeat !important;
    background-image: url("../img/visit_skip.png") !important;
    top: 12px;
    z-index: 1;
}
.unknown:after {
    content: '';
    position: absolute;
    width: 31px;
    height: 31px;
    right: -17px;
    background-repeat: no-repeat !important;
    background-image: url("../img/unknown.png") !important;
    top: 12px;
    z-index: 1;
}
.unplan:after {
    content: '';
    position: absolute;
    width: 31px;
    height: 31px;
    right: -17px;
    background-repeat: no-repeat !important;
    background-image: url("../img/unplan.png") !important;
    top: 12px;
    z-index: 1;
}
.unplan_comp:after {
    content: '';
    position: absolute;
    width: 31px;
    height: 31px;
    right: -17px;
    background-repeat: no-repeat !important;
    background-image: url("../img/unplan_comp.png") !important;
    top: 12px;
    z-index: 1;
}


.container_travel {
    padding: 10px 30px;
    position: relative;
    width: 340px;
}
.container_travel::after{
    content: '';
    position: absolute;
    width: 31px;
    height: 31px;
    right: -17px;
    background-repeat: no-repeat !important;
    background-image: url("../img/travel.png") !important;
    top: 12px;
    z-index: 1;
}

/* Place the container to the left */
.timeline .left {
    left: 0;
}

/* Place the container to the right */
.timeline .right,.timeline .travel_arrow {
    left: 8%;
}

/* Add arrows to the left container (pointing right) */
.timeline .left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid white;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.timeline:nth-child(1) .right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 18px;
    width: 0;
    z-index: 1;
    left: 20px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
}
.timeline:nth-child(2) .right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 18px;
    width: 0;
    z-index: 1;
    left: 20px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
}
.timeline:nth-child(2) .travel_arrow::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 18px;
    width: 0;
    z-index: 1;
    left: 20px;
    border: medium solid #dddddd;
    border-width: 10px 10px 10px 0;
    border-color: transparent #dddddd transparent transparent;
}

/* Fix the circle for containers on the right side */
.timeline .right::after {
    left: -16px;
}

/* The actual content */
.content_time,.content_time_start, .content_time_end{
    background-color: white;
    position: relative;
    border-radius: 3px;
}
.content_time3{
    background-color: #dddddd !important;
    position: relative;
    border-radius: 3px;
}
.cnt_dtl{
    padding: 3px 15px 2px 15px;	
}


.travel_time {
    padding: 3px 15px 2px 15px;
    background-color: transparent;
    position: relative;
    border-radius: 3px;
}
.content_time p{
    color:#16a6df;
    font-weight: 600;
    font-size:13px;	
}

.content_time p a,.travel_time p a,.content_time3 p a,.content_time_end p a,.content_time_start p a{
    color:#16a6df;
    font-weight: 600;
    font-size:14px;
    text-decoration:none;
    cursor:pointer!important;
}
.cnt_btn{
    padding: 3px 15px 10px 0px;
}

.content_time h5,.travel_time h5,.content_time_end h5,.content_time_start h5{
    color:#333;
    font-weight: 600;
    font-size:13px;
}
.content_time3 p a{
    color:#333333;
    font-size:14px;
    text-decoration:none;
}
.content_time3 h5{
    color:#333333;
    font-weight: 600;
    font-size:13px;
}
.content_time3{
    color:#333333 !important;
}	
span.status_s::after{
    content: "";
    width: 17px;
    height: 17px;
    position: absolute;
    background-repeat: no-repeat !important;
    background-image: url("../img/visit_status_s.png") !important;
}
span.status_f{
    content: "";
    width: 17px;
    height: 17px;
    position: absolute;
    background-repeat: no-repeat !important;
    background-image: url("../img/visit_status_f.png") !important;
}
.edtv h5::after{
    content: "";
    width: 17px;
    height: 17px;
    position: absolute;
    background-repeat: no-repeat !important;
    background-image: url("../img/visit_edit.png") !important;
    margin-left:-4px;
    margin-top: 2px;
}
/*
select::after{
        content: "";
        width: 17px;
    height: 17px;
        position: absolute;
        background-repeat: no-repeat !important;
        background-image: url("../img/visit_edit.png") !important;
        margin-left:5px;
}
*/

.content_time h5 span,.travel_time h5 span,.content_time_end h5 span,.content_time_start h5 span{
    float:right;
    text-align:right;
    color:#333;
    font-weight: 500;
    font-size:13px;

}

.content_time p a,.content_time_end p a,.content_time_start p a{
    text-decoration:underline;
    cursor:pointer!important;
}
.content_time p a.dropdown-toggle::after,.content_time_end p a.dropdown-toggle::after,.content_time_start p a.dropdown-toggle::after{
    content: "\f078";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none !important;
    color: #16a6df;
    font-size: 13px;
    /*position: absolute;*/
    line-height:22px;
    padding-left:8px;
    padding-right:6px;
    cursor:pointer!important;
}
.content_time3 h5 a.edit{
    margin-left:6px;
}
.content_time3 h5 span{
    float:right;
    text-align:right;
    color:#333333;
    font-weight: 500;
    font-size:13px;

}
.content_time3 p a{
    color: #333333 !important;	
}
.content_time3 p a::after{
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #333333 !important;
    font-size: 13px;
    /*position: absolute;*/
    line-height:22px;
    padding-left:8px;
    padding-right:6px;
}


div.titl{
    font-weight: 600;
    font-size: 13px;
}
div.dscp{
    padding:4px 0 12px 0;
    font-weight: 600;
    font-size: 13px;
}
.exp{
    padding:10px 15px;
    font-size:13px;
    background:#F9F9F9;
}
a.list{
    padding-left:6px;
    text-decoration:none;
    color:#333111;
}
a.add{
    float:right;
    text-decoration:none;
    color:#333111;
}

/* Add arrows to the right container (pointing left) */


/* Fix the circle for containers on the right side */
.travel_arrow::after {
    left: -16px;
}

.modal-dialog .form-row-seperated .row:last-child .form-group {
    border-bottom: 0px !important;
}
.date_block .form-control{
    background-color: transparent !important;
    font-size: 13px;
    border: 0px !important;
    height: auto !important;
    padding: 0px 0px !important;
    color: #333333 !important;
}
.date_block .btn {
    padding: 4px 10px;
    border: 0px !important;
    color: #16a6df;
    font-size:11px;
    line-height: 11px;
    text-align: right !important;
    background-color:transparent !important;
}
.date_block .input-small{
    width: 120px !important;
    padding-left: 11px;
}
.date_block [class^="fa-"], .date_block [class*=" fa-"]{
    font-size: 14px;
    line-height: 10px;
}
.date_block span.input-group-btn{width:12px;}
.timeline .form-body{
    padding: 16px 0 0 0;
}
.timeline .table thead tr th, .timeline .table tfoot tr th {
    font-size: 13px;
    background-color:#ffffff;
}
.timeline .table>thead>tr>th, .timeline .table>tbody>tr>th, .timeline .table>tfoot>tr>th, .timeline .table>thead>tr>td, .timeline .table>tbody>tr>td, .timeline .table>tfoot>tr>td {
    padding: 6px;
}

.editableform .editable-buttons,
.editableform .editable-input{
    float:left;
}
.editable-input{
    margin-bottom: 7px;
}

.editable-input input{
    padding:6px !important;
}

.cnt_dtl h5 a{
    color:#333111 !important;
}
.cnt_dtl p{
    margin-top:20px !important;
}
.amt{
    text-align: right;
}
.timeline .input-group-btn .btn-default{
    background-color:#eeeeee!important;
}
.timeline select.form-control{
    margin-left: -4px;
    border:0 !important;
    padding:0 !important;
    height: auto;
    width:auto;
    display: inline-block;
    font-weight: 600;
    cursor:pointer;
}

.country{
    max-height: 200px;
    max-width: 275px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: absolute;
    overflow-x: auto;
    overflow-y: auto;
}
/*
.portlet-body .slimScrollDiv{
        margin: 15px 0;
}
*/
.portlet-body .dropdown-menu .slimScrollDiv {
    margin: 4px 0!important;
}

/*Right*/
.modal.rht.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.rht.fade.in .modal-dialog {
    right: 0;
}
.user{margin-top:40px;}
.form .form-body {
    padding: 10px !important;
}

:-webkit-full-screen {
    background-color: white;
    z-index: 2147483647 !IMPORTANT;
}

/* ---------------------------------------------------
02/02/2018    SIDEBAR STYLE
----------------------------------------------------- */
#sidebar {
    width: 395px;
    position: fixed !important;
    top: 60px !important;
    right: -360px;
    z-index: 1000 !IMPORTANT;
    transition: all 0.3s;

}


#sidebar.active {
    right: 45px;
}

#dismiss {
    color:#ffffff;	
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #666666;
    position: absolute;
    top: 1px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    outline:none !important;
}

a[data-toggle="collapse"] {
    /*position: relative;*/
}

a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
}
a[aria-expanded="true"]::before {
    content: '\e260';
}
:focus {
    outline: 0;
}

.header .navbar-nav {
    float: right;
}


/*Scrollable Dropdown*/
.scrollable-bootstrap-menu {
    height: auto;
    max-height: 60px;
    overflow-x: hidden;
    position:relative;
}
.phone_dtl_err {
    content: '';
    position: relative;
    width: 23px;
    height: 29px;
    top: -10px;
    right: 0px;
    background-repeat: no-repeat !important;
    background-image: url("../img/smartphone_error.png") !important;
    z-index: 1;
}
.phone_dtl {
    content: '';
    position: relative;
    width: 23px;
    height: 29px;
    top: -10px;
    right: 0px;
    background-repeat: no-repeat !important;
    background-image: url("../img/smartphone.png") !important;
    z-index: 1;
}



.phone_details .nav>li>a:hover,
.phone_details .nav>li>a:focus,
.phone_details .nav>li>a:visited,
.dropdown.open .dropdown-toggle{
    background-color: transparent !important;
}
.phone_details .dropdown-menu.extended li a {

    cursor:pointer !important;
}
.phone_details .dropdown-menu.extended li a:hover {
    background-color: #ffffff;
}
.phone_details .dropdown-menu.extended li div:hover {
    background-color: #ffffff;
}
.phone_details .dropdown-menu.notification li .time {
    font-size: 13px;
    font-weight: 600;
    text-align: right;
    font-style: normal;
    margin-left: 10px;
}
.error {
    color:#B22828
}
.phone_details .dropdown-menu.extended {
    padding: 0 0 4px 0;
    border-radius: 4px !important;
    min-width: 150px !important;
    max-width: 180px !important;
    width: 190px !important;
    background-color: #ffffff !important;
}
.phone_details .nav > li > .dropdown-menu:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block !important;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}
.phone_details .nav.pull-right > li > .dropdown-menu:after, .phone_details .nav > li > .dropdown-menu.pull-right:after {
    right: 3px;
    left: auto;
}
.phone_details .dropdown-menu.extended li:last-child a {
    border-top: 1px solid white !important;
    border-bottom: 0px !important;
}
.dropdown-menu.other {
    padding: 0 0 4px 0;
    border-radius: 4px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    width: 300px !important;
    background-color: #ffffff !important;
}
.container_time .dropdown-menu {
    left: -40px !important;
}




.container_time .dropdown-menu li > a {
    color: #333;
    text-decoration: none;
    float:left;
    clear:both;
    font-weight: normal;
    line-height: 18px;
    white-space: nowrap;
    padding-left: 9px;
    width:298px;
    border-bottom:1px solid #ddd;	
}

.map_block{	
    height: 30px;
    width: 269px;
    display: table;
    float:left;

}
.map {
    float: left;
}
.map,.company{
    display: table-cell;
    vertical-align: middle;
    float: left;
}
.company{margin-left:7px;}
.cname {
    color: #333 !important;
    font-size: 13px;
    line-height: 14px;
    font-weight: 600;
    display:block;

}
.address {
    color: #aaa !important;
    font-size: 11px;
    font-weight: 400;
    width: 243px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:block;
}
.divider {
    height: 1px;
    margin: 9px 0;
    background-color: #e5e5e5;
    clear: left;
}
.or{
    text-align: center;
    display: block;
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    background-color:#eee;
}

/*****FLOATING BUTTON**********/

.fab {
    width: 50px;
    height: 50px;
    background-color: #0088B9;
    border-radius: 50%;
    box-shadow: 0 6px 10px 0 #999999;
    transition: all 0.1s ease-in-out;
    font-size: 35px;
    color: white;
    text-align: center;
    line-height: 50px;
    position: absolute;
    right: 10px;
    bottom: 25px;
} 
.fab:hover {
    box-shadow: 0 6px 14px 0 #999999;
    transform: scale(1.05);
    cursor:pointer;
}
.text-xs-center{text-align: center!important;}
/*
div.jumbotron {
  margin: 0 auto;
  width: 50%;
  text-align:center;	
  background-color:#eeeeee !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.lead {	font-size: 19px !important;	}
@media (max-width: 768px){
.jumbotron {	padding: 0rem 2rem;background-color:#eeeeee !important;	}
.lead {	font-size: 19px !important;	}
div.jumbotron {	width: 100%;	text-align:center;		background-color:#eeeeee !important;	}
}
.display-3{font-weight: 400;color:#333333 !important;text-align:center;}

.jumbotron p {
    line-height: 30px !important;
}
*/
#thk.content2 {
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
    padding-top:0px;
    padding-bottom: 15px;
    border-radius: 4px;

}


.jumbotron.vertical-center {
    position:absolute;
    top:-50px;
    bottom:0;	
    right:0;
    left:0;
    margin-bottom: 0; /* Remove the default bottom margin of .jumbotron */
    text-align:center;
    background-color: transparent !important;
    padding: 0rem 2rem;
}
.display-3{font-weight: 400;color:#333333 !important;text-align:center;}
.vertical-center {
    min-height: 100%;  /* Fallback for vh unit */
    min-height: 100vh; /* 
  
  
    /* Make it a flex container */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 

    /* Align the bootstrap's container vertically */
    -webkit-box-align : center;
    -webkit-align-items : center;
    -moz-box-align : center;
    -ms-flex-align : center;
    align-items : center;

    /* In legacy web browsers such as Firefox 9
       we need to specify the width of the flex container */
    width: 100%;

    /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
       hence the bootstrap's container won't be aligned to the center anymore.
    
       Therefore, we should use the following declarations to get it centered again */
    -webkit-box-pack : center;
    -moz-box-pack : center;
    -ms-flex-pack : center;
    -webkit-justify-content : center;
    justify-content : center;
}
/*
.container {
  background-color: #eee;
  width:50%;
  padding:20px;
}*/
.lead {	font-size: 19px !important;	}
@media (max-width: 768px){
    .jumbotron.vertical-center {
        position:absolute;
        top:0;
    }	
    .container {
        /*background-color: #eee;*/
        width:100%;
        padding:20px;
    }
}
/*****************************Dashboard********************************/
#dashboard .portlet > .portlet-title > .caption {
    color: #333;
    float: left;
    display: inline-block;
    font-size: 16px;
    line-height: 17px;
    font-weight: 400;
    margin: 0;
    padding: 0;

}
#dashboard .portlet  {
    clear: both;
    margin-top: 0px !IMPORTANT;
    margin-bottom: 0px !IMPORTANT;
    padding: 0px;
    -webkit-box-shadow1: 0 1px 4px rgba(0, 0, 0, 0.07);
    box-shadow1: 0 1px 4px rgba(0, 0, 0, 0.07);
    border: 1px solid #ddd;
    border-radius: 0px;
}


#dashboard1 .portlet > .portlet-title,
#dashboard .portlet > .portlet-title {
    background-color: #fff;
    border-bottom:1px solid #eee;
    border-radius: 4px 4px 0 0;
    padding: 10px 15px;
    height: 38px;
}
#dashboard2 .portlet > .portlet-body,
#dashboard .portlet > .portlet-body {
    clear: both;
    padding: 5px 15px 11px 15px;
    background-color: #fff;
    border-radius: 0px 0px 4px 4px;
}
#dashboard1 .portlet,
#dashboard .portlet{
    border:1px solid #dddddd;
    -webkit-box-shadow: 2px 2px 13px 0px rgba(238,238,238,1);
    -moz-box-shadow: 2px 2px 13px 0px rgba(238,238,238,1);
    box-shadow: 2px 2px 13px 0px rgba(238,238,238,1);
}
#dashboard1 .well2 .portlet > .portlet-body,
#dashboard .well2 .portlet > .portlet-body {
    clear: both;
    padding: 10px 15px;
    background-color: #fff;
    border-radius: 0px !important;
}
#dashboard1 .well2 .portlet,
#dashboard .well2 .portlet{
    border:1px solid #16A6DF;
    -webkit-box-shadow: 2px 2px 13px 0px rgba(238,238,238,1);
    -moz-box-shadow: 2px 2px 13px 0px rgba(238,238,238,1);
    box-shadow: 2px 2px 13px 0px rgba(238,238,238,1);
}

#dashboard1 .well2 .portlet > .portlet-title,
#dashboard .well2 .portlet > .portlet-title {
    background-color: #16A6DF;
    border-bottom:1px solid #eee;
    border-radius: 4px 4px 0 0;
    padding: 10px 15px;
    height: 38px;
}
#dashboard1 .well2 .portlet > .portlet-title .caption,
#dashboard .well2 .portlet > .portlet-title .caption{
    color: #fff !important;	
}
#dashboard1 .well2 .portlet > .portlet-body,
#dashboard .well2 .portlet > .portlet-body {
    clear: both;
    padding: 5px 10px 15px 15px;
    background-color: #16A6DF;
    border-radius: 0px 0px 4px 4px;
    color: #fff !important;
}

.rht{
    text-align:right;
}
.chart_data .sm{font-size:18px;}
.chart_data{
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-right: 0px !important;
    float: right;	
    font-size:13px;
    margin-top: -4px;
}

#dashboard .portlet .actions::before {
    content: '';
    width: 0;
    height: 39px;
    position: absolute;
    /*border: 1px solid #fff;*/
    border-right: 1px white;  
    top: 0;
    right: 100px;
}
.tab .actions::before {
    content: '';
    width: 0;
    height: 0px;
    position: absolute;
    border: 0px solid #eee;
    border-right: 0px white;  
    top: 0;
    right: 0px;
}
.tab .portlet-title .actions {
    margin-top: -8px;
}
/*
.tab .portlet-title .actions .form-control{
        border:0;
        font-size: 14px;
}*/
.well .actions .btn-default{border:0 !important;}
.well .actions .fa-plus:before{color:#16a6df !important;}
.well .completed{background-color:#F9F9F9; color:#aaaaaa !important;font-size:12px;font-weight:400;}
.well .completed a{color:#aaaaaa !important; text-decoration:none;}
.well .inprogess{background-color:#EEF5FF; color:#666666 !important;font-size:12px;font-weight:400;}
.well .companyname{font-size:14px;font-weight:400;}
.well .time{font-weight:600;}
.well a{color:#666666 !important; text-decoration:none;}
.well td{font-size:13px;font-weight:400;}
.well table tr:first-child td{border-top:0;}
.well .teamname{font-size:14px;font-weight:400;}

.col-container, .col-container2 {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
    text-align:center;
}
.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
}
.col-container2 .col {
    display: table-cell; /* Make elements inside the container behave like table cells */
    text-align:center;
    width: 50%;
}
.col.inactive{color:#aaaaaa !important;}
.col h4 span.inact{color:#777 !important;font-size:18px!important;
}
.well h4, .col h4{font-weight:600;font-size:20px;}
.cell-middle{vertical-align: middle;}
.cell-middle h4{line-height:38px;}

.canvasjs-chart-toolbar{display:none !important;}
.canvasjs-chart-canvas{position: static !important; width:auto !important; height:auto !important;}



.well2 .pic_block .avatar img {
    border-radius: 50%;
    border:1px solid #fff;
    margin-right:10px;
}

.well2 .pic_block{
    border-bottom:1px solid #58D0F4;
}

.well2 .caption {
    color: #fff !important;
    font-size: 13px;
    line-height: 13px;
    font-weight: 400;
    display: block;
    padding-bottom: 0px;
    white-space: nowrap; 
    width: 150px; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
.completed a{
    width: 243px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.well2 .pic_block {
    height: auto;
    width: 100%;
    display: inline-flex;
    float: left;
    padding:8px 0 5px 0;
}
ul.page-sidebar-menu > li > ul.sub-menu > li.active > a {
    background: #daf0f9 !important;
}
.form-horizontal .radio-inline, .form-horizontal .radio-inline select, .form-horizontal .radio-inline input[type="text"]{
    padding-top: 0px !important;
    margin-top: 0 !important;
}
.page-sidebar-menu > li > a {
    padding: 4px 15px 4px 10px;
    font-size: 15px;
    font-weight: 400;
}
.page-sidebar-menu > li > a span.ing{
    margin-left:10px;
}
ul.sub-menu > li > a span.inst{
    margin-left:20px;
}
.red{color:#D10000;}
.col50{
    display: table-cell;
    width: 50%;
}
.col100{
    display: block;
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-bottom: 44px;
}
.chart_data2 {
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-right: 0px;
    float: right;
    font-size: 13px;
    margin-top: -4px;
}
.chart_data2 .sm{font-size:18px;}
.num{text-align:right;}
.well2 {
    min-height: 20px;
    /* padding: 19px; */
    margin-bottom: 20px;
}
.page-sidebar-menu > li > a {
    display: block;
    margin: 0px 0px 0px 0px;
    border: 0px;
    padding: 8px 5px 8px 14px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 200;
    color: #666666 !important;
    background: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    line-height: 15px;
}
#dashboard1 .well select option, #dashboard1 .well2 select option{
    direction: ltr;
}

#dashboard select.form-control {
    padding: 0px 4px !important;
    width: auto;
    height: 28px;
    border: 0px!important;
    /*background-color:#f9f9f9 !important;*/
    font-weight: 600;
}
#dashboard .actions {
    margin-top: -5px;
}
#top_tabs{
    margin-top: 0px;
}
#dashboard .location {
    color: #fff !important;
    font-size: 11px;
    line-height: 23px;
    font-weight: 400;
    display: block;
}
#dashboard .address {
    color: #aaa !important;
    font-size: 11px;
    font-weight: 400;
    width: 243px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:block;
}

#dashboard [class^="fa-"],
#dashboard [class*=" fa-"] {
    font-size: inherit !important;
}
#dashboard,#thanks,#forms { 
    margin-left: 0px; 
    margin-top: 0px;
    padding: 16px;
}
#dashboard1 .page-title {
    margin: 0px 0px 15px 0px;
}
.hm{
	font-size: 15px;
    display: inline-block;
    margin-left: 5px;
    color: #aaa;
}
@media (min-width: 1367px) and (max-width: 1599px) {
.hm {
    font-size: 15px;
    display: inline-block;
    margin-left: 5px;
    color: #999;
}
.portlet > .portlet-title > .caption {
    font-size: 14px !important;
    line-height: 19px !important;
    font-weight: 400;
}	
#dashboard1 .portlet > .portlet-title, #dashboard .portlet > .portlet-title{
	padding: 10px 10px;
}
.well2 #Insights h4{
    margin-top:-32px !important;
}
}
@media (min-width: 1281px) and (max-width: 1366px) {
.hm{
	font-size: 12px;
    display: inline-block;
    margin-left: 5px;
    color: #aaa;
}
#Insights p{margin-top:-32px !important;}    
#highestExpense h4{line-height:14px !important;}    
    
.well h4, .col h4{font-weight:600;font-size:18px !important;}    
.well2 .cell-middle p{padding-top:5px;}
.Insight .well2 .cell-middle p{padding-top:0px; margin-top:0px !important;}
.Insight .well2 .cell-middle h4 {
    line-height: 15px !important;
}
.well2 .cell-middle h4 {
    line-height: 0px !important;
}

#dashboard1 .portlet > .portlet-title, #dashboard .portlet > .portlet-title {
    padding: 10px 13px !important;
}    
.portlet > .portlet-title > .caption {
    font-size: 13px !important;
    line-height: 16px !important;
    font-weight: 600;
}    
    #dashboard .portlet > .portlet-title > .caption {
        font-size: 14px;
        line-height: 14px;
        color:#000;
    }
    #dashboard1 .portlet > .portlet-title, #dashboard .portlet > .portlet-title {
        padding: 10px 10px 2px 10px;
    }
    #dashboard .well h4, #dashboard .col h4 {
        font-weight: 600;
        font-size: 16px;
    }
    #dashboard .well2 .caption{line-height:14px !important;}
    #dashboard .well2 .cell-middle h4 {
        line-height: 10px;
    }

}


@media (min-width: 1201px) and (max-width: 1280px) {
.hm{
	font-size: 12px;
    display: inline-block;
    margin-left: 5px;
    color: #aaa;
}	
.chart_data2 {
    font-size: 12px;
	margin-top: -2px;
}
.chart_data2 .sm {
    font-size: 16px;
}
.well2 .cell-middle h4{
	line-height: 0px !important;
}

.Insight .well2 .cell-middle p{padding-top:0px !important; margin-top:-4px !important;}
	
.portlet > .portlet-title > .caption {
    font-size: 12px !important;
    line-height: 19px !important;
    font-weight: 600;
} 
#dashboard1 .portlet > .portlet-title, #dashboard .portlet > .portlet-title {
    padding: 10px 7px !important;
}
.well h4, .col h4 {
    font-weight: 600;
    font-size: 15px;
	
}


}
@media (min-width: 780px) and (max-width: 1200px) {
    #dashboard, #thanks, #forms {
        margin-left: 15px;
        margin-top: 15px;
        padding: 16px;
    }	
    #dashboard .well2 .caption {
        color: #fff !important;
        font-size: 13px;
        line-height: 13px;
        font-weight: 400;
        display: block;
        padding-bottom: 0px;
        white-space: nowrap;
        width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
@media (min-width: 780px) and (max-width: 1200px) {
    .well2 .caption {
        color: #fff !important;
        font-size: 13px;
        line-height: 13px;
        font-weight: 400;
        display: block;
        padding-bottom: 0px;
        white-space: nowrap;
        width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
@media (min-width: 768px) and (max-width: 780px) { 
    #top_tabs li.inactive>a {
        background-color: #e5e5e5 !important;
        margin-right: 4px;
    }
    #dashboard, #thanks, #forms {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    ul#top_tabs{
        margin-left: 0px !important;
    }
    ul.navbar-nav{
        margin-left: 10px !important;
    }
    .username {
        color: #333 !important;
    }
    li.user i.fa-angle-down {
        color: #333 !important;
    }
    #dashboard .well2 .pic_block {
        height: auto;
        width: 100%;
        display: inline-flex;
        float: left;
        padding:8px 0 5px 0;

    }	
    #dashboard .well2 .caption {
        color: #fff !important;
        font-size: 13px;
        line-height: 13px;
        font-weight: 400;
        display: block;
        padding-bottom: 0px;
        white-space: nowrap;
        width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

}
meter{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);

}


/*GaugeMeter*/

.GaugeMeter{
    Position: Relative;
    Text-Align: Center;
    Overflow: Hidden;
    Cursor: Default;
}

.GaugeMeter SPAN,
.GaugeMeter B{
    Margin:	0 23%;
    Width: 54%;
    Position: Absolute;
    Text-Align: Center;
    Display: Inline-Block;
    Color: RGBa(0,0,0,.8);
    Font-Weight: 500;
    Font-Family: 'Open Sans', sans-serif;
    Overflow: Hidden;
    White-Space: NoWrap;
    Text-Overflow: Ellipsis;
}
.GaugeMeter[data-style="Semi"] B{
    Margin: 0 10%;
    Width: 80%;
}

.GaugeMeter S,
.GaugeMeter U{
    Text-Decoration:None;
    Font-Size: .60em;
    Font-Weight: 200;
    Opacity: .6;
}
.GaugeMeter B{
    Color: Black;
    Font-Weight: 200;
    Font-Size: 0.85em;
    Opacity: .8;
}
.GaugeMeter{
    margin-bottom: -5px;
    margin-left: 16px;	
}
.GaugeMeter span{
    font-size: 14.76px !important;
}				
/***************INSIGHTS***************/
#dashboard1 .page-title {
    margin: 0px 0px 15px 0px;
}
#dashboard1 .portlet {
    margin-top: 0px;
    margin-bottom: 0px;
}
/***************QUICK START***************/
#QS.container {
    background-color: #fff !important;
    width:85%;
    padding:5px 0 10px 0 !important;
}
.getstarted{
    padding-top: 7px;
    vertical-align: middle;
    color: #fff;
    font-weight: 600;
    text-align: center !important;
    float: none !important;
}

#QS .portlet{
    border:1px solid #dddddd !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 10px;
    background-color:#f9f9f9;
    padding:15px;	

}
#QS .portlet > .portlet-body {
    clear: both;
    padding: 0px;
    background-color: #f9f9f9;
    border-radius: 0px !important;
}
#QS .portlet-body img{
    margin: 0 auto;
    display: block;
    padding-bottom:30px;
}
#QS .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
#QS .steps{
    font-size:20px;
    line-height: 8px;
}
h4.title{
    font-size:18px;
    line-height: 25px;
    font-weight: 400;
    padding: 5px 0 10px 0;
}
h4.s_title{
    font-size:24px;
    color:#16a6df !important;
    line-height: 27px;
    font-weight: 400;
    padding-bottom: 12px;	
}
.s_dsc{
    font-size:16px;
    line-height: 24px;
}
.footer{
    background-color: #d0d0d0;
    margin-top:5px;
}
#QS .start{
    margin-top:23px !important;
    margin-bottom:10px !important;
}
#QS .start .btn{
    display:block;
    margin:0 auto;
    padding: 8px 49px;
    font-size: 17px;
    line-height: 1.33;
    border-radius: 0px;
}
#QS .s_note{
    font-size:13px;
    line-height: 15px;
    padding-top:10px;
}
@media (max-width: 1600px) {
    #QS .portlet{
        height:502px;
    }
    #QS .portlet-body img {
        margin: 0 auto;
        display: block;
        padding-bottom: 20px;
        width:64%;
    }
}
@media (max-width: 1440px){
    .well .portlet-body .scroller {
        max-height: 408px;
        height: 408px;
    }
}
@media (max-width: 1400px) {

    #QS .portlet{
        height:530px;
    }
}
@media (max-width: 1366px) {
    #QS .portlet{
        height:387px;
    }	
    #QS .portlet > .portlet-body {
        clear: both;
        padding: 0px;
        background-color: #f9f9f9;
        border-radius: 0px !important;
    }
    .getstarted{
        padding-top: 7px;
        vertical-align: middle;
        color: #fff;
        font-weight: 600;
        text-align: center !important;
        float: none !important;
    }	
    #QS .steps{
        font-size:17px;
        line-height: 8px;
    }
    h4.title{
        font-size: 16px;
        line-height: 22px;
        font-weight: 300;
        padding: 0 0 10px 0;
    }
    h4.s_title{
        font-size:21px;
        color:#16a6df !important;
        line-height: 17px;
        font-weight: 400;
        padding-bottom: 6px;	
    }
    #QS .s_dsc{
        font-size: 14px;
        line-height: 20px;
    }
    #QS .portlet-body img {
        margin: 0 auto;
        display: block;
        padding-bottom: 20px;
        width:45%;
    }
    .footer{
        background-color: #d0d0d0;
    }
    #QS .start .btn{
        display:block;
        margin:0 auto;
        padding: 5px 49px;
        font-size: 17px;
        line-height: 1.33;
        border-radius: 0px;
    }
}
@media (max-width: 1280px) { 
    .col-md-4 {
        margin-bottom:25px;
    }
    #QS .portlet{
        height:406px;
    }	
    #QS .portlet > .portlet-body {
        clear: both;
        padding: 0px;
        background-color: #f9f9f9;
        border-radius: 0px !important;
    }
    .getstarted{
        padding-top: 7px;
        vertical-align: middle;
        color: #fff;
        font-weight: 600;
        text-align: center !important;
        float: none !important;
    }	
    #QS .steps{
        font-size:17px;
        line-height: 8px;
    }
    h4.title{
        font-size: 16px;
        line-height: 22px;
        font-weight: 300;
        padding: 0 0 10px 0;
    }
    h4.s_title{
        font-size:21px;
        color:#16a6df !important;
        line-height: 17px;
        font-weight: 400;
        padding-bottom: 6px;	
    }
    #QS .s_dsc{
        font-size: 14px;
        line-height: 20px;
    }
    #QS .portlet-body img {
        margin: 0 auto;
        display: block;
        padding-bottom: 20px;
        width:50%;
    }
    .footer{
        background-color: #d0d0d0;
    }
    #QS .start .btn{
        display:block;
        margin:0 auto;
        padding: 5px 49px;
        font-size: 17px;
        line-height: 1.33;
        border-radius: 0px;
    }	
}
@media (max-width: 1024px) { 
    .col-md-4 {
        margin-bottom:25px;
    }
    #QS .portlet{
        height:535px;
    }	
    #QS .portlet > .portlet-body {
        clear: both;
        padding: 0px;
        background-color: #f9f9f9;
        border-radius: 0px !important;
    }
    .getstarted{
        padding-top: 7px;
        vertical-align: middle;
        color: #fff;
        font-weight: 600;
        text-align: center !important;
        float: none !important;
    }	
    #QS .steps{
        font-size:17px;
        line-height: 8px;
    }
    h4.title{
        font-size: 16px;
        line-height: 22px;
        font-weight: 300;
        padding: 0 0 10px 0;
    }
    h4.s_title{
        font-size:21px;
        color:#16a6df !important;
        line-height: 17px;
        font-weight: 400;
        padding-bottom: 6px;	
    }
    #QS .s_dsc{
        font-size: 14px;
        line-height: 20px;
    }
    #QS .portlet-body img {
        margin: 0 auto;
        display: block;
        padding-bottom: 0px;
        width:45%;
    }
    .footer{
        background-color: #d0d0d0;
    }
    #QS .start .btn{
        display:block;
        margin:0 auto;
        padding: 6px 49px;
        font-size: 17px;
        line-height: 1.33;
        border-radius: 0px;
    }
}
#QS .desSkip{
    position: relative;
    top: -9px;
}
#QS #forms .form-section {
    margin: 0px 0px 10px 0px;
    padding-bottom: 17px;
    border-bottom: 1px solid #eee;
    font-weight: 400;
    font-size:22px;
}
#QS #forms label {
    font-weight: 400;
    font-size: 16px;
}
#QS #forms .form-actions{
    padding: 0px;
    margin-top: 10px;
    background-color: transparent !important;
    border-top: 0px solid #fff;
    border-radius: 4px;	
}
@media (max-width: 991px) { 

    #QS .portlet{
        height:auto;
    }
    #QS .portlet-body img {
        margin: 0 auto;
        display: block;
        padding-bottom: 20px;
        width:45%;
    }
}


/*
#forms .form-actions2 {
    padding: 20px 10px 0 0px;
    margin-top: 30px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
        border-bottom: 1px dashed #e5e5e5;
    border-radius: 0 0 4px 4px;
            display: block;
}
*/
.form-actions2 {
    padding: 15px 10px;
    margin-top: 10px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px dashed #e5e5e5;
    border-radius: 0 0 4px 4px;
}
.form-actions2 .form-section,
.form-actions3 .form-section {
    margin: 0px 0px 10px 0px !important;
}
.form-actions2 h4.form-section,
.form-actions2 h3.form-section{
    border-bottom: 0px !important;
}
.form-actions2 h4.form-section{
    font-size:18px !important;
    color:#16a6df;
    margin:0 10px -9px 0px !important;
    float:left;
}
.adm_user{
    width: auto;
    display:inline-block;
    margin-top:-10px;
}
/*
 .form-actions2 .form-section {
        padding-bottom: 10px !important;
}*/
#QS .avatar,.info{
    display: table-cell;
    vertical-align: middle;

}
#QS .info{
    float:left;
}
.page-boxed .location {
    color: #333 !important;
    line-height: 20px;
    font-weight: 400;
    clear: left;
    padding-left:0px;
    font-size:13px;
}
.form-actions3 {
    padding: 10px 0px 18px 0;
    margin-top: 20px;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5 !important;
    border-radius: 0px;
}
.form-actions3 .form-section{
    border-bottom: 0px !important;
}
.form-actions3 h4.form-section{
    float:left;
}
.form-actions3 h3.form-section{
    margin:0 10px 0px 10px !important;
    float:left;
}
.form-actions3 .form-section {
    padding-bottom: 0px !important;
}
.form-actions3 h3.form-section{
    font-size:18px !important;
    color:#333;
    margin:0 10px 0px 10px !important;
    float:left;
    font-weight: 400;
    font-size: 22px !important;
}
.form-actions2 .adm_user{
    margin: -6px 10px 0 0px !important;
    color:#aaa !important;
}
.form-actions3 .adm_user{
    margin: 5px 10px 0 10px !important;
    color:#aaa !important;
}
.page-boxed a i{
    color:#aaa !important;
}
.form-actions4 {
    padding: 15px 10px;
    margin: 10px 0 0 0;
    background-color: #f9f9f9;
    border-top: 1px solid #e5e5e5;
    border-radius: 0 0 4px 4px;
    display: flex;
}
#QS .nav h3{
    color:#fff;
    font-weight:400;
    padding-right:20px;
    line-height:0px;
}
.map_hdr{
    border:1px solid e5e5e5;
    height:239px;
}
.map_hdr2{
    border:1px solid e5e5e5;
    height:220px;
}
.page-boxed .prv_blk{
    height:auto;
    background-color:#f9f9f9 !important;
}
#preview{
    position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);
}
.form-actions5 {
    padding: 15px 10px;
    margin: 10px 0 0 0;
    background-color: #fff;
    display: flex;
}
#add_user .row .col-md-2{
    padding-right: 0px !important;
}
#add_user .row .col-md-2:last-child{
    padding-right: 15px !important;
}
#add_user{
    margin-top:18px;
}
#QS .form-group {
    margin-bottom: 18px !important;
}
#sample_2 tr:first-child td{
    border-top: 0px !important;
}

@media (min-width: 1367px) and (max-width: 1600px) {}
@media (min-width: 1280px) and (max-width: 1366px) {
    #QS .prv_blk{
        height:231px;
        background-color:#f9f9f9 !important;
    }
}
@media (min-width: 1201px) and (max-width: 1280px) {
    #QS .prv_blk{
        height:231px;
        background-color:#f9f9f9 !important;
    }	
}
@media (max-width: 1200px) and (min-width: 780px){
    #QS .prv_blk{
        height:190px;
        background-color:#f9f9f9 !important;
    }	
}
.page-boxed .page-content { 
    margin-left: 0px; 
    margin-top: 0px;
    padding: 16px;
}	
.page-boxed .page_content { 
    margin-left: 0px; 
    margin-top: 0px;
    padding: 16px;
}	

.page-boxed .form-section {
    margin: 10px 0px 10px 0px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}	
.page-boxed h3{font-weight: 400;}
.page-boxed .form-group {
    margin-bottom: 18px !important;
}
.page-boxed .form-body {
    padding: 10px 0px;
}
.page-boxed label {
    font-weight: 500;
    font-size: 15px;
}
.page-boxed .nav h3 {
    color: #fff;
    font-weight: 400;
    padding-right: 20px;
    line-height: 0px;
}
.page-boxed .form-actions{
    padding: 0px;
    margin-top: 0px;
    background-color: transparent !important;
    border-top: 0px solid #fff;
    border-radius: 4px;	
}
.page-boxed .form-actions.right {
    padding-left: 0;
    padding-right: 0px;
    text-align: right;
}
.page-boxed h4{
    font-weight: 400;
}
.page-boxed .form-actions2 .form-section {
    padding-bottom: 10px !important;
}

@media (max-width: 991px){
    .header .navbar-nav {
        display: block !important;

    }
    .page-boxed .nav h3 {
        font-size: 20px;
    }
    .getstarted {
        padding-top: 7px;
        vertical-align: middle;
        color: #fff;
        font-weight: 600;
        text-align: center !important;
        float: none !important;
    }
    .header .navbar-nav .getstarted {
        display: block !important;
        float: none !important;
    }
    .container .header .navbar-nav {
        float: right !important;
    }
}@media (min-width: 768px){
    .navbar>.container .navbar-brand {
        margin-left: 0px !important;
    }
}
@media (max-width: 799px) and (min-width: 768px){
    .page-boxed .header .navbar-nav {
        float: right !important;
    }

}
.header .navbar-nav {
    float: right;
}	
a.navbar-brand img.img-responsive {
    width: 164px !important;
    max-width: none;

}			 
/*********MOBILE DEVICE********/
@media only screen and (min-device-width: 0px) and (max-device-width: 768px) {
    .prv_blk{visibility: hidden;display: none;}
}

.punched-in-color{
    background-color:#D9F6FF;
}
.punched-out-color{
    background-color:#cccccc;
}
.timeout-color{
    background-color:#FFF4D7;
}
.auto-punched-out-color{
    background-color:#DDDDDD;
}
/*Right Aligned Selectbox*/
.well select { text-align-last: right; }
.well option { direction: rtl; }
/*31/10/2018*/
#dashboard1 .table-scrollable{
    border: 0px !important;
}
/*.cls_attendance thead th:first-child, .cls_visit thead th:first-child, .cls_attendancecount thead th:first-child, .cls_attendancecount2 thead th:first-child,
.cls_expense thead th:first-child, .cls_expenseClaim thead th:first-child, .cls_CustTravel thead th:first-child, .cls_CustomerForm thead th:first-child,
.cls_Form thead th:first-child, .cls_lessTravel thead th:first-child {
       display: inline-block;
white-space: nowrap;
width: 150px;
overflow: hidden;
text-overflow: ellipsis;
}
.cls_attendance tbody td:first-child, .cls_visit tbody td:first-child, .cls_attendancecount tbody td:first-child, .cls_attendancecount2 tbody td:first-child,
.cls_expense tbody td:first-child, .cls_expenseClaim tbody td:first-child, .cls_CustTravel tbody td:first-child, .cls_CustomerForm tbody td:first-child,
.cls_Form tbody td:first-child, .cls_lessTravel tbody td:first-child {
   display: inline-block;
white-space: nowrap;
width: 150px;
overflow: hidden;
text-overflow: ellipsis;
    
}*/
.cls_attendance, .cls_visit, .cls_attendancecount, .cls_attendancecount2,
.cls_expense, .cls_expenseClaim, .cls_CustTravel, .cls_CustomerForm,
.cls_Form, .cls_lessTravel 
{
    margin-top:-10px;
}

canvas#chart2 label{
    padding-bottom:20px!important;
}

.Insight .hm [class^="fa-"], .Insight .hm [class*=" fa-"] {
    font-size: 14px;
    color:#aaaaaa;
    
}
.hm .fa-fw {
    width: 1.01em;
}
.cst_name{
display: inline-block;
white-space: nowrap;
width: 150px;
overflow: hidden;
text-overflow: ellipsis;
}
.col30{
    display: table-cell;
    width:33.333333333%;
}
@media(max-width:768px){
    #example_filter > label{
        margin-left: 0 !important;
        margin-top: 0px !important;
    }    
}
@media(max-width:1366px){   
/*    .tab-pane {
        height: 350px;
        overflow-x: scroll;   
    }*/
    .col-md-6{
        max-width: 88%;
    }
}
@media(max-width:1200px){
    .search {
        margin-bottom: 6px !important;
    }
}

.footer{
   z-index: 999; 
}

.pcoded-header .dropdown .profile-notification #loginuser.pro-body{
padding: 7px 0px;
background-image: linear-gradient(15deg, #117abf 0%, #1fa8e1 100%);
background-color: #009ccd;
color: #fff;
}
.pcoded-header .dropdown .profile-notification #loginuser.pro-body li{
margin-left: 0px;
margin-right: 0px;
}

.pcoded-header .dropdown .profile-notification #loginuser.pro-body li:hover{
box-shadow: none;
background-image: linear-gradient(15deg, #147bb6 0%, #147bb6 100%);
background-color: #147bb6;
color: #fff;

}
.pcoded-header .dropdown .profile-notification #loginuser li a{
color: #fff;
display: flex;
align-items: center;
}
.pcoded-header .dropdown .profile-notification #loginuser li a
.menushowR01 {
width: 18px;
height: 18px;
margin-right: 10px;
}