/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

body {
    background-color: #F7FBFE;
    font-weight: 400;
    font-family: "Roboto", sans-serif;


}
@media(min-width:768px) {
    body {
      /* margin-top: 50px; */
      margin-top: 72px;
    }
}

a:hover, a:focus{
    text-decoration: none;
    color: #B7336E;
}

dt{
    margin-top: 15px;
    margin-bottom: 3px;
}

hr {
    margin : 5px 0 5px 0 !important;
}

th{
    font-weight: 400;
}

table{
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px !important;
}

.table>thead>tr>th, .table>tbody>tr>td {
    vertical-align: middle;
    /*text-align: center;*/
    border-top: 0px solid #ddd;
    font-weight: 400;
    border-bottom: 0px solid #ddd;
    padding: 5px 5px 5px 10px;
}

.table>thead, .table>thead a {
    background: #406180;
    color: #ffffff;
}

.table .table-sub-header{
    background: #507494;
}

#wrapper {
    background-color: transparent;
    padding-left: 0;
    transition:1s;
}

.three_line img{
   transition-duration:1s;
}

#page-wrapper {
    width: 100%;
    padding: 0 10px 10px 10px;
    background-color: #F7FBFE;
}

.container70{
    width: 70%;
    margin: 0 auto;
    padding-bottom: 50px;
}

.content{
    padding: 0px 10px 10px;
}

#small-content{
    margin: 0 auto;
    max-width: 400px;
}

.clear-both{
    clear: both;
}

.overflow-auto{
    overflow: auto;
}

.modal-dialog{
    width: 80% !important;
}

.light-blue{
    color: #3DA1D9;
}

.fa-trash, .fa-trash-o{
    color: #555;
}

.underline{
    text-decoration: underline;
}

dl {
    margin-bottom: 0px;
}

.location-finder{
    color: #E84644;
}

.null-padding{
    padding: 0px;
}
.paddingB30{
    padding-bottom: 30px;
}
.paddingT30{
    padding-top: 30px;
}
.paddingB15{
    padding-bottom: 15px;
}
.paddingT15{
    padding-top: 15px;
}

.null-margin{
    margin: 0px;
}
.marginB10{
    margin-bottom: 10px;
}
.marginT10{
    margin-top: 10px;
}
.marginB30{
    margin-bottom: 30px;
}
.marginT30{
    margin-top: 30px;
}
.marginB15{
    margin-bottom: 15px;
}
.marginT15{
    margin-top: 15px;
}
.marginR15{
    margin-right: 15px !important;
}
.marginL15{
    margin-left: 15px;
}
.marginR30{
    margin-right: 30px !important;
}
.marginL30{
    margin-left: 30px;
}
/*for custom forms layout*/
.marginTM120 {
    margin-top: -120px;
}
.select2-container .select2-selection--multiple{
    min-height: 34px !important;
}

.page-wrapper-logged-in .container-fluid {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 10px;
    padding: 0px;
}

.page-wrapper-logged-in{
    margin-top: 70px;
}

.page-wrapper-logged-out .container-fluid {
    margin-top: 100px;
}

.page-header{
    text-align: center;
    border: 0px;
}
.glyphicon{
    top: 0px;
    display: block;
    font-style: none;
}
.glyphicon span{
    font-family: "Roboto", sans-serif;
    font-weight: 600;
}
.intl-tel-input{
    display: block !important;
}
.panel-primary {
    border-color: transparent;
    border-radius: 0px;
    border: 0px;
    box-shadow: 0px 0px 3px 1px #e1e1e1;
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #3DA1D9;
    border-color: transparent;
    background-image: none;
    border-radius: 0px;
}
.panel-body{
    background: #F7FBFE;
}
.form-control{
    border-radius: 1px;
}
.btn{
    border-radius: 3px;
    border: none;
    padding: 4px 20px;
}
.btn-group .btn{
    margin-right: 10px;
    padding: 3px 10px;
    border-radius: 0;
}
.btn-primary {
    background-color: #3EA1DA;
}

.padding_zero {
    padding : 0;
}

.form-control{
    /*margin-bottom: 20px;*/
}

.form-group{
    position: relative;
    margin-bottom: 3px;
}
input[type=checkbox], input[type=radio] {
    margin: 4px 3px 0px;
}
#content-center{
    margin-top: 90px;
}

.signin-img{
    width: 100%;
}

#signin-form{
    border-top: 3px solid #FDBD15;
    background: #fff;
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 50px;
    box-shadow: 0px 0px 4px 1px #e1e1e1;
    margin-bottom: 50px;
}
#signin-form img{
    margin-bottom: 30px;
    margin-top: 30px;
}

.demo-data-div{
    display: none;
}

#logo-wrap{
    overflow: auto;
    background: #F7FBFE;
    height: 60px;
    width: 225px;
    padding-top: 5px;
}
#home-logo-wrap{
    overflow: auto;
    margin: 5px 35px;
}

.navbar-collapse{
    background: #ffffff;
}

.navbar-logged-out .top-nav>li>a{
    padding-top: 25px;
    color: #356591;
}

.navbar-logged-out .top-nav>li>a:focus, .navbar-logged-out .top-nav>li>a:hover, .navbar-logged-out .top-nav>li>a.active{
    color: #3DA1D9;
}

.dashboard-logo{
    margin-left: 15px;
}

.huge {
    font-size: 50px;
    line-height: normal;
}

.margin10{
    margin: 10px;
}


form label {
    margin-top : 2%;
}

form .help-block {
    position: absolute;
    top: 30px;
    right: 0px;
}

/* Top Navigation */

.top-nav {
    padding: 0 15px;
}

.navbar-logged-in .top-nav>li {
    display: inline-block;
    float: left;
}

.top-nav>li>a {
    padding-bottom: 15px;
    padding-top: 14px;
    line-height: 20px;
    color: #999;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    color: #fff;
    background-color: transparent;
}

.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    margin-left: 10px;
    border: 1px solid rgba(0,0,0,.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
    white-space: normal;
}

ul.message-dropdown {
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

li.message-preview {
    width: 175px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview>a {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 65px;
}

li.message-footer {
    margin: 5px 0;
}

ul.alert-dropdown {
    width: 200px;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
    color: #3ea1da;
    background: none
}

.search-customer a{
    background: rgba(0, 0, 0, 0) url("../images/icons/customer.png") no-repeat scroll 35px 16px / 18px 18px;
}
.search-activities a{
    background: rgba(0, 0, 0, 0) url("../images/icons/activities_1.png") no-repeat scroll 35px 16px / 18px 18px;
}
.search-sales a{
    background: rgba(0, 0, 0, 0) url("../images/icons/sales_1.png") no-repeat scroll 35px 16px / 18px 18px;
}
.search-reports a{
    background: rgba(0, 0, 0, 0) url("../images/icons/reports.png") no-repeat scroll 35px 16px / 18px 18px;
}
.search-archive a{
    background: rgba(0, 0, 0, 0) url("../images/icons/archive.png") no-repeat scroll 35px 16px / 18px 18px;
}
.search-customer a:focus, .search-customer a:hover{
    background: rgba(0, 0, 0, 0) url("../images/icons/customer_hover.png") no-repeat scroll 35px 16px / 18px 18px !important;
}
.search-activities a:focus, .search-activities a:hover{
    background: rgba(0, 0, 0, 0) url("../images/icons/activities_1_hover.png") no-repeat scroll 35px 16px / 18px 18px !important;
}
.search-sales a:focus, .search-sales a:hover{
    background: rgba(0, 0, 0, 0) url("../images/icons/sales_1_hover.png") no-repeat scroll 35px 16px / 18px 18px !important;
}
.search-reports a:focus, .search-reports a:hover{
    background: rgba(0, 0, 0, 0) url("../images/icons/reports_hover.png") no-repeat scroll 35px 16px / 18px 18px !important;
}
.search-archive a:focus, .search-archive a:hover{
    background: rgba(0, 0, 0, 0) url("../images/icons/archive_hover.png") no-repeat scroll 35px 16px / 18px 18px !important;
}



/* Side Navigation */

.side-nav {
    position: fixed;
    top: 60px;
    left: 225px;
    width: 225px;
    margin-left: -225px;
    border: none;
    border-radius: 0;
    overflow-y: auto;
    background-color: #fff;
    bottom: 0;
    overflow-x: hidden;
    padding-bottom: 40px;
    transition:1s;
}

.side-nav>li>a {
    width: 225px;
    padding-left: 15px;
}

.side-nav li a:hover,
.side-nav li a:focus {
    outline: none;
}

.side-nav>li>ul {
    padding: 0;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #333;
}

.side-nav>li>ul>li>a:hover {
    color: #fff;
}

/* Flot Chart Containers */

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* Custom Colored Panels */

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red > a {
    color: #d9534f;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.panel-yellow > a:hover {
    color: #df8a13;
}
.enable{
    padding: 0px;
}
.enable .checkbox{
    margin-top: 0px;
}

/*navbar*/

.navbar{
    min-height: 60px;
    height: 60px;
}
.navbar-inverse{
    background: #363F44;
    border: none;
}

.navbar-logged-in .navbar-inverse .navbar-nav>li>a:focus, .navbar-logged-in .navbar-inverse .navbar-nav>li>a:hover{
    background-color: #3ea1da;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a {
    background-image: none;
    box-shadow: none;
}
.navbar-inverse .navbar-nav > li > a {
    color: #333;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow: none;
}

.navbar-logged-out{
    background: #ffffff;
    border-bottom: 2px solid #ccc;
    min-height: 60px;
    height: 72px;
}
.active_menu:focus, .active_menu:hover, .active .active_menu{
    background: #3ea1da !important;
    border-radius: 0 !important;
}
/*.left-myspace{
    background: rgba(0, 0, 0, 0) url("../images/icons/myspace.png") no-repeat scroll 50px 16px / 18px 18px;
}
.left-activities{
    background: rgba(0, 0, 0, 0) url("../images/icons/activities_2.png") no-repeat scroll 50px 16px / 18px 18px;
}
.left-sales{
    background: rgba(0, 0, 0, 0) url("../images/icons/sales_2.png") no-repeat scroll 50px 16px / 18px 18px;
}
.left-client{
    background: rgba(0, 0, 0, 0) url("../images/icons/client.png") no-repeat scroll 50px 16px / 18px 18px;
}
.left-settings{
    background: rgba(0, 0, 0, 0) url("../images/icons/settings.png") no-repeat scroll 50px 16px / 18px 18px;
}
.left-logout{
    background: rgba(0, 0, 0, 0) url("../images/icons/logout.png") no-repeat scroll 50px 16px / 18px 18px;
}
.left-summary{
    background: rgba(0, 0, 0, 0) url("../images/icons/summary.png") no-repeat scroll 50px 16px / 18px 18px;
}
.left-reset{
    background: rgba(0, 0, 0, 0) url("../images/icons/reset.png") no-repeat scroll 50px 16px / 18px 18px;
}
.left-attendance{
    background: rgba(0, 0, 0, 0) url("../images/icons/attendance.png") no-repeat scroll 50px 16px / 18px 18px;
}
.left-user-activities{
    background: rgba(0, 0, 0, 0) url("../images/icons/user_activity.png") no-repeat scroll 50px 16px / 18px 18px;
}
.left-reimbursement{
    background: rgba(0, 0, 0, 0) url("../images/icons/reimbursement.png") no-repeat scroll 50px 16px / 18px 18px;
}
.left-myspace:focus, .left-myspace:hover, .active .left-myspace{
    background: #3ea1da url("../images/icons/myspace_hover.png") no-repeat scroll 50px 16px / 18px 18px !important;
}
.left-activities:focus, .left-activities:hover, .active .left-activities{
    background: #3ea1da url("../images/icons/activities_2_hover.png") no-repeat scroll 50px 16px / 18px 18px !important;
}
.left-sales:focus, .left-sales:hover, .active .left-sales{
    background: #3ea1da url("../images/icons/sales_2_hover.png") no-repeat scroll 50px 16px / 18px 18px !important;
}
.left-client:focus, .left-client:hover, .active .left-client{
    background: #3ea1da url("../images/icons/client_hover.png") no-repeat scroll 50px 16px / 18px 18px !important;
}
.left-settings:focus, .left-settings:hover, .active .left-settings{
    background: #3ea1da url("../images/icons/settings_hover.png") no-repeat scroll 50px 16px / 18px 18px !important;
}
.left-logout:focus, .left-logout:hover, .active .left-logout{
    background: #3ea1da url("../images/icons/logout_hover.png") no-repeat scroll 50px 16px / 18px 18px !important;
}
.left-summary:focus, .left-summary:hover, .active .left-summary{
    background: #3ea1da url("../images/icons/summary_hover.png") no-repeat scroll 50px 16px / 18px 18px !important;
}
.left-attendance:focus, .left-attendance:hover, .active .left-attendance{
    background: #3ea1da url("../images/icons/myspace_hover.png") no-repeat scroll 50px 16px / 18px 18px !important;
}
.left-reset:focus, .left-reset:hover, .active .left-reset{
    background: #3ea1da url("../images/icons/reset_hover.png") no-repeat scroll 50px 16px / 18px 18px !important;
}
.left-user-activities:focus, .left-user-activities:hover, .active .left-user-activities{
    background: #3ea1da url("../images/icons/user_activity_hover.png") no-repeat scroll 50px 16px / 18px 18px !important;
}
.left-reimbursement:focus, .left-reimbursement:hover, .active .left-reimbursement{
    background: #3ea1da url("../images/icons/reimbursement_hover.png") no-repeat scroll 50px 16px / 18px 18px !important;
}*/

.search{
    width:500px;
    margin-left: 10px;
    padding-left: 10px;
    margin-top: 15px;
}
.btn-std{
    border: medium none;
    border-radius: 0;
    color: #fff;
    padding: 3px 15px;
    background: #777
}
.dropdown input[type="submit"]{
    background: #3ea1da;

}
#profile-section .dropdown-menu{
    width: 350px;
}

.select-alphabets{
    margin-bottom: 15px;
    margin-top: 25px;
}

.select-alphabets a{
    color: #777;
    padding-left: 4px;
    padding-right: 4px;
}
#sales-action{
    list-style: none;
    padding: 0px;
}
#sales-action .dropdown-menu{
    left: -120px;
    text-align: center;
}
#add{
    color: #fff;
    font-size: 18px;
    padding: 6px 15px;
    border-radius: 5px;
    margin-top: 8px;
    display: inline-block;
}
#date-div label, #checkinoutdate-div label{
    margin-top: 5px;
    width: 100px;
}
#date-div img, #checkinoutdate-div img,#month-date-div img{
    margin-right: 5px;
    height: 20px;
    cursor: pointer;
}
/*#start-date, #end-date, #checkin-date, #checkout-date{
    width: 48.5%;
    margin-right: 2%;
    float: left;
    margin-bottom: 10px;
    margin-top: 3%;
}

#end-date, #checkout-date{
    margin-right: 0px !important;
    width: 49.5%;
}*/

.comment-row{
    background: #F7FBFE;
    overflow: auto;
    margin: 10px 0px;
    padding: 10px 10px;
    border-radius: 5px;
}

#comments{
    box-shadow: 0px 0px 1px 1px #e1e1e1;
    padding: 15px;
}
#remarks_field .help-block, #activity_remarks_field .help-block{
    top:inherit;
}

.input-group.date .input-group-addon {
    background: #fff;
    border: none;
    padding: 0px;
}

#activity_priority_field .priority-div-label, #priority_field .priority-div-label{
    margin-right: 20px;
}
#activity_priority_field input[type="radio"], #priority_field input[type="radio"]  {
    display:none;
}

#activity_priority_field input[type="radio"] + label, #priority_field input[type="radio"] + label  {
    color: #fff;
    font-family:Arial, sans-serif;
    font-size:14px;
}
#activity_priority_field input[type="radio"] + label span, #priority_field input[type="radio"] + label span  {
    display:inline-block;
    vertical-align:middle;
    cursor:pointer;
}

#activity_priority_field input[type="radio"] + label span, #priority_field input[type="radio"] + label span  {
    background-color:#ccc;
    padding: 3px 30px;
}

#activity_priority_field input[type="radio"]:checked#activity_priority_High + label span, #priority_field input[type="radio"]:checked#priority_High + label span {
     background-color:#E20B08;
}
#activity_priority_field input[type="radio"]:checked#activity_priority_Medium + label span, #priority_field input[type="radio"]:checked#priority_Medium + label span {
     background-color:#EC8234;
}
#activity_priority_field input[type="radio"]:checked#activity_priority_Low + label span, #priority_field input[type="radio"]:checked#priority_Low + label span {
     background-color:orange;
}

#activity_priority_field input[type="radio"] + label span,
#activity_priority_field input[type="radio"]:checked + label span, #priority_field input[type="radio"] + label span,
#priority_field input[type="radio"]:checked + label span {
  -webkit-transition:background-color 0.4s linear;
  -o-transition:background-color 0.4s linear;
  -moz-transition:background-color 0.4s linear;
  transition:background-color 0.4s linear;
}

#activity_tags_field{
    margin-bottom: 0px;
}
#activity_tags_field .bootstrap-tagsinput{
    width: 100%;
    border-radius: 0px;
}

#filter-config{
    border: 1px solid #e1e1e1;
    padding: 30px;
}
#actions{
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: auto;
}
#actions a {
    margin-right: 10px;
    margin-left: 10px;
    padding-top: 2px;
    font-size: 16px;
    display: inline-block;
}
#actions i{
    padding: 0px 5px;
}
#searchbox{
    width: 88%;
}
#filter-config a{
    margin-left: 30px;
}
#filter-config span{
    margin-right: 10px;
}
.status-color{
    /*margin-top: 30px;*/
}
.status-color a{
    background-repeat: no-repeat;
    padding: 5px 22px 5px 30px;
}
.status-color span{
    padding: 15px;
}
.status-color .btn.active span, #activity_priority .btn.active span, #priority .btn.active span, #rm-status .btn.active span{
    background: url(../images/icons/tick.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: initial;
    background-size: 16px;
}
td.btn-success, td.btn-primary, td.btn-danger, td.btn-info, td.btn-warning{
    background-image: none;
}

td.btn-success, td.btn-success:hover, td.btn-success:focus{
    background: #59D16A;
}
td.btn-primary, td.btn-primary:hover, td.btn-primary:focus{
    background: #3AA9E8;
}
td.btn-danger, td.btn-danger:hover, td.btn-danger:focus{
    background: #F85F5A;
}
td.btn-info, td.btn-info:hover, td.btn-info:focus{
    background: #D83E39;
}
td.btn-warning, td.btn-warning:hover, td.btn-warning:focus{
    background: #FFD03F;
}

#sales-activity td.status-td span, #rm-list td.status-td span{
    /* border-radius: 5px;
    padding-top: 7px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    height: 30px;
    display: inline-block; */
    color: #fff;
}
#sales-activity span.YetToStart{
    background: #FCAD03;
}
#sales-activity span.InProgress{
    background: #388CD0;
}
#sales-activity span.Completed{
    background: #12B43E;
}

/* #sales-activity span.Delayed {
    background: transparent;
    color: #DC1824 !important;
    border: none;
    position: absolute;
    top: 36%;
    left: 0%;
} */
#sales-activity span.Delayed {
    background: #DC1824;
    background: none;
    border-top: none;
    color: #dc1824 !important;
    border-radius: 0;
    margin-top: -1px;
}
#sales-activity span.Delayed.statusA{
    background: #DC1824 !important;
    color: #fff!important;
}
#sales-activity span.Cancelled{
    background: #777777;
    background: none;
    border-top: none;
    color: #777777 !important;
    border-radius: 0;
    margin-top: -1px;
}
#sales-activity span.Closed {
    background: #777777 !important;
    background: none;
    border-top: none;
    /* color: #777777 !important; */
    border-radius: 0;
    margin-top: -1px;
}
#sales-activity span.All{
    background: #720DA0;
}
#sales-activity span.AtRisk {
    background: #DC1824;
    background: none;
    border-top: none;
    color: #dc1824 !important;
    border-radius: 0;
    margin-top: -1px;
}
#sales-activity span.Ontime {
    background: #388CD0;
    background: none;
    border-top: none;
    color: #388cd0 !important;
    border-radius: 0;
    margin-top: -1px;
}
#sales-activity span.Due {
    background: #DC1824;
    background: none;
    border-top: none;
    color: #dc1824 !important;
    border-radius: 0;
    margin-top: -1px;
}
#sales-activity span.Ahead {
    background: #12B43E;
    background: none;
    border-top: none;
    color: #12b43e !important;
    border-radius: 0;
    margin-top: -1px;
    /* background: #99d9ea; */

}

.profile-header{
    background: url(../images/bg-profile.png);
    background-size: cover;
    padding: 1px 0px;
    margin-bottom: 1px;
}
.profile-header i{
    margin-right: 8px;
}
.profile-header h3{
    color: #fff;
}
.assign-color{
    background: url(../images/colorpicker.png);
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-top: 5px;
}
#sales-summary table, #note-content table{
    width: 100%;
    border-spacing: 0;
}

#sales-summary thead, #sales-summary tbody, #sales-summary tr, #sales-summary th, #sales-summary td, #note-content thead, #note-content tbody, #note-content tr, #note-content th, #note-content td { display: block; }

#sales-summary thead tr, #note-content thead tr  {
    width: 100%;
}

#sales-summary tr:after, #note-content tr:after {  /* clearing float */
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

#sales-summary tbody {
    height: 182px;
    overflow-y: auto;
    overflow-x: hidden;
}

#note-content tbody{
    height: 292px;
    overflow-y: auto;
    overflow-x: hidden;
}

#sales-summary tbody td, #sales-summary thead th {
    width: 20%;  /* 19% is less than (100% / 5 cols) = 20% */
    float: left;
    border: 0px;
}
#note-content tbody td, #note-content thead th{
    float: left;
    width: 19%;
    border: 0px;
}
#note-content thead th.td-sl, #note-content tbody td.td-sl{
    width: 10% !important;
}
#note-content thead th.td-action, #note-content tbody td.td-action{
    width: 12% !important;
}

#attachments_box{
    box-shadow: 0px 0px 1px 1px #e1e1e1;
    padding: 15px 0px 10px;
}

#header-fixed {
    position: fixed;
    top: 0px; display:none;
    background-color:white;
}

#client-summary{
    border: 1px solid #e1e1e1;
    padding: 10px;
}
#client-summary .btn-std{
    padding: 3px 8px;
}
#summary-client-search{
    list-style: none;
    padding: 0px;
    display: block;
}
#summary-client-search .dropdown{
    margin-top: 3px;
    display: inline;
}
#summary-client-search .dropdown{
    width: 140px;
    min-width: 140px;
}
#summary-client-search .dropdown-toggle{
    background: #e1e1e1;
    padding: 5px 5px;
    margin-top: 2px;
}
#summary-client-search li.message-preview>a{
    padding-left: 20px;
}
#summary-client-list{
    list-style: none;
    padding-left: 8px;
    padding-right: 8px;
    height: 225px;
    overflow-y: scroll;
}
#summary-client-list hr{
    margin: 10px 0px;
}
#summary-map{
    padding-right: 0px;
}


#contact-person-details hr{
    width: 100%;
}
#contact-person-details .sub-page-header{
    margin-top: 15px;
    margin-bottom: 10px;
}

.mobileError{
    text-align:right;
    color: #a94442;
}

.error {
    border: 1px solid #a94442;
}

.icon{
    float: left;
    width: 5%;
    padding: .4% 0px 0px 1.7%;
    background: #eee;
    height: 28px;
    border:1px solid #ccc;
    border-radius: 3px 0px 0px 3px;
   }
.selectBox{
    width:94%;
    float:left;
}
.select2-selection {
    border : 1px solid #ccc !important;
    border-radius : 0px !important;
}

.tagInput .icon{
    padding: 0.9% 0px 0px 1.7%;
    height: 34px;
    width:6%;
}

#adv-search-panel {
    box-shadow: 0px 0px 4px 1px #e1e1e1;
    display: none;
    position:relative;
    padding: 10px 10px 35px;
    margin: 13px 3px;
}

.editor-tracer {
    overflow:scroll; max-height:300px
}

#editor {
    overflow:scroll; max-height:300px
}

.formButton {
    float : left;
    margin : 1%;
}


#status-color .yet-start{
    margin-right: 20px;
}

#status-color input[type="checkbox"] {
    display:none;
}

#status-color input[type="checkbox"] + label span{
    display:inline-block;
    vertical-align:middle;
    cursor:pointer;
    padding: 3px 30px;
}

#status-color input[type="checkbox"]#yet-start + label span{
    color: #FCAD03;
    background: url(../images/icons/yettostart.png);
    background-repeat: no-repeat;
}
#status-color input[type="checkbox"]#inprogress + label span{
    color: #388CD0;
    background: url(../images/icons/inprogress.png);
    background-repeat: no-repeat;
}
#status-color input[type="checkbox"]#completed + label span{
    color: #12B43E;
    background: url(../images/icons/completed.png);
    background-repeat: no-repeat;
}
#status-color input[type="checkbox"]#delayed + label span{
    color: #DC1824;
    background: url(../images/icons/delayed.png);
    background-repeat: no-repeat;
}
#status-color input[type="checkbox"]#cancelled + label span{
    color: #777777;
    background: url(../images/icons/cancel.png);
    background-repeat: no-repeat;
}
#status-color input[type="checkbox"]#all + label span{
    color: #720DA0;
    background: url(../images/icons/all.png);
    background-repeat: no-repeat;
}

#status-color input[type="checkbox"]:checked#yet-start + label span{
    color: #FCAD03;
    background: url(../images/icons/yettostart_selected.png);
    background-repeat: no-repeat;
}
#status-color input[type="checkbox"]:checked#inprogress + label span{
    color: #388CD0;
    background: url(../images/icons/inprogress_selected.png);
    background-repeat: no-repeat;
}
#status-color input[type="checkbox"]:checked#completed + label span{
    color: #12B43E;
    background: url(../images/icons/completed_selected.png);
    background-repeat: no-repeat;
}
#status-color input[type="checkbox"]:checked#delayed + label span{
    color: #DC1824;
    background: url(../images/icons/delayed_selected.png);
    background-repeat: no-repeat;
}
#status-color input[type="checkbox"]:checked#cancelled + label span{
    color: #777777;
    background: url(../images/icons/cancel_selected.png);
    background-repeat: no-repeat;
}
#status-color input[type="checkbox"]:checked#all + label span{
    color: #720DA0;
    background: url(../images/icons/all_selected.png);
    background-repeat: no-repeat;
}

#status-color input[type="checkbox"] + label span,
#status-color input[type="checkbox"]:checked + label span{
  -webkit-transition:background-color 0.4s linear;
  -o-transition:background-color 0.4s linear;
  -moz-transition:background-color 0.4s linear;
  transition:background-color 0.4s linear;
}

.avathar-field{
   width: 100px;
}
.header-avatar{
    border-radius: 50px;
    width: 70px;
    height: 70px;
}
.profile-pic{
    width: 35px;
    height: 35px;
    border-radius: 35px;
}
.profile-pic-container{
    padding: 2% 1% 1% 7%;
}

.subHeading a{
    background : #507494 !important;
}

/*attendance*/
.attendance>thead, .attendance>thead a {
    background: #F7FBFE;
    color: #3DA1D9;
    font-size: 16px;
}
.select2-selection__clear  {
    display: none;
}
.attendance_name{
    height: 29px;
    border: 1px solid #ccc;
    margin-right: 15px;
}
.fa-caret-up{
    font-size: 40px !important;
}
@media(min-width:768px) {
    #wrapper {
        padding-left: 225px;
    }
    .btn-group .btn {
        padding: 5px 12px;
    }
    .btn{
        padding: 8px 30px;
    }
}
@media(max-width: 767px){
    body, #logo-wrap, .navbar-inverse, #page-wrapper{
        background: #D9EDF7;
    }
    .h3, h3 {
        font-size: 20px;
    }
    #content-center {
        margin-top: 0px;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #000;
    }
    .row1 .title {
        margin: 50% 0 0 10% !important;
    }
    #signin-form{
        padding-bottom: 30px;
        margin-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }
    #logo-wrap {
        width: 135px;
    }
    .search{
        width: auto;
        margin-top: 11px;
    }
    .btn-std{
        padding: 3px 10px;
    }
    .navbar-logged-in .top-nav{
        background: #363F44;
        padding: 0 5px;
    }
    .page-wrapper-logged-in {
        margin-top: 120px;
    }
    .navbar-logged-in  .top-nav>li>a{
        padding: 10px;
    }
    .side-nav>li>a, .side-nav>li>a:hover, .side-nav>li>a:focus, .active .side-nav>li>a{
        padding-left: 70px;
        background-position: 40px 10px !important;
    }
    .side-nav {
        top: 51px;
    }
    .profile-header {
        padding: 3px 0px;
    }
    .content {
        padding: 0px 5px 30px;
    }
    #sales-activity td.status-td span {
       /* padding-top: 10px;
        width: 45px;
        height: 45px;*/
    }
    .btn{
        padding: 4px 7px;
    }
    .btn-group .btn{
        padding: 5px 20px;
        margin-right: 10px;
    }

    .pager li>a, .pager li>span {
        padding: 3px 8px;
        font-size: 12px;
    }
    #actions a {
        margin-right: 0px;
        margin-left: 0px;
        font-size: 14px;
        padding-top: 0px;
    }
    #start-date, #end-date, #checkin-date, #checkout-date {
        width: auto;
        margin-right: 0;
    }
    #summary-map{
        margin-top: 15px;
        padding-right: 15px;
    }
    .status-color .btn-group .btn{
        padding: 5px 0px;
        width: 100px;
    }
}
ul.nav-stacked ul.nav-stacked > li > a {
  padding-left: 80px;
}

ul#nx_form {
    list-style: none;
    padding: 12px 5px;
}
/*ul#nx_form a {

    padding: 15px 0 15px 0;
}*/
a.nav-container {
    color: #333;
    padding: 0 0 0 80px !important;
    background: rgba(0, 0, 0, 0) url(../images/icons/summary.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 30% 50%;
}
.dropcol {
  width: 100%;
}
.dropcolli {
  width: 225px;
}
.dropcolli a {
  background-color: #fff;
}
a#nx_form {
    padding: 0 25px 0 0;
}
a#nx_form:hover {
    padding: 0 25px 0 0;
    background-color: #3da0da;
}
li.dropcolli a {
    color: #333;
}
/* CSS used here will be applied after bootstrap.css */
.caret-container {
  float: right;
}

.nav-container {
  background-color: #f5f5f5;
  text-transform: uppercase;
  font-weight: bold;
}

.nav-sub-container {
  background-color: #f8f8f8;
  /*font-weight: bold;*/
  cursor: pointer;
}
.material-icons, .icon-text, .icon-text-caps, .icon-text-tweaked {
     vertical-align: middle;
   }
   .icon-text-caps, .icon-text-tweaked {
     text-transform: uppercase;
   }
   .icon-text-tweaked {
     position:relative;
     top:1px;
   }

ul.nav-stacked ul.nav-stacked > li > a {
  padding-left: 18px;
  border-radius: 0;
  color: #000c;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #3ca0d9;
}
.nav-pills>li.active-l>a, .nav-pills>li.active-l>a:focus, .nav-pills>li.active-l>a:hover {
    color: #fff;
    background-color: #39b3ed;
}
ul.nav-stacked ul.nav-stacked > li > a:hover {
  padding-left: 18px;
  color: #fff;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #3ca0d9;
    color: #fff;
    border-radius: 0;
}

.user_activity_table th.col7.header {
    width: 325px;
    max-width: 425px;
}
@media only screen and (max-width: 1360px){
  #sales-activity th.col7.header {
    width: auto;
    max-width: auto ;
  }
}
.rectangle {
	background: #7f9db9;
	height: 50px;
	width: 380px;
	position: relative;
	left:-15px;
	top: 30px;
	float: left;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
}

.rectangle h2 {
	font-size: 30px;
	color: #fff;
	padding-top: 6px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	text-align: center;
}
.table_header_checkin {
  width: 125px;
  min-width: 122px;
}
.table_header_checkout {
  width: 200px;
  min-width: 200px;
  max-width: 210px;
}
/* button outlines */
.btn.outline {
    background: none;
    padding: 12px 22px;
    width: 95%;
}
.btn.outline.sm {
    background: none;
    border-radius: 0;
    padding: 2px 22px;
    width: 95%;
}
.btn-primary.outline {
    border: 2px solid #0099cc;
    color: #0099cc;
}
/* btn-primary */
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
    color: #33a6cc;
    border-color: #33a6cc;
}
.btn-primary.outline:active, .btn-primary.outline.active {
    border-color: #007299;
    color: #007299;
    box-shadow: none;
}
/* btn-warning */
.btn-warning.outline {
    border: 2px solid #f0ad4e;
    color: #f0ad4e;
}
.btn-warning.outline:hover, .btn-warning.outline:focus, .btn-warning.outline:active, .btn-warning.outline.active, .open > .dropdown-toggle.btn-warning {
    color: #f0ad4e;
    border-color: #f0ad4e;
}
.btn-warning.outline:active, .btn-warning.outline.active {
    border-color: #f0ad4e;
    color: #f0ad4e;
    box-shadow: none;
}
/* btn-sucess */
.btn-success.outline {
    border: 2px solid #12B43E;
    color: #12B43E;
}
.btn-success.outline:hover, .btn-success.outline:focus, .btn-success.outline:active, .btn-success.outline.active, .open > .dropdown-toggle.btn-success {
    color: #12B43E;
    border-color: #12B43E;
}
.btn-success.outline:active, .btn-success.outline.active {
    border-color: #12B43E;
    color: #12B43E;
    box-shadow: none;
}
/* btn-danger */
.btn-danger.outline {
    border: 2px solid #DC1824;
    color: #DC1824;
}
.btn-danger.outline:hover, .btn-danger.outline:focus, .btn-danger.outline:active, .btn-danger.outline.active, .open > .dropdown-toggle.btn-danger {
    color: #DC1824;
    border-color: #DC1824;
}
.btn-danger.outline:active, .btn-danger.outline.active {
    border-color: #DC1824;
    color: #DC1824;
    box-shadow: none;
}

/***********************
  CUSTON BTN VALUES
************************/

.btn {
    padding: 14px 24px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}


.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

#sales-activity td {
  /* min-width:160px; */
  position: relative;
}
.actions_td_col {
  text-align: center;
  max-width: 120px;
}
#sales-action li {
  text-align: center;

}

/*chat bubble*/

p.speech {
    /*position: relative;*/
    width: 100%;
    height: auto;
    text-align: center;
    padding:10px;
    line-height: 20px;
    background-color: #fff;
    border: 2px solid #666;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 1px 1px 2px #888;
    -moz-box-shadow: 1px 1px 2px #888;
    box-shadow: 1px 1px 2px #888;
}