/*!
 * 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;
    }
}

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;
}
.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: 8px 50px;
}
.btn-group .btn{
    margin-right: 10px;
    padding: 5px 25px;
    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: 80px;
}

.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;
}

.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{
    margin-right: 5px;
}
#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: 8px;
    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: #DC1824;
}
#sales-activity span.Cancelled{
    background: #777777;
}
#sales-activity span.All{
    background: #720DA0;
}

.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: 8px 15px;
    }
    .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;
    }
    .service-holder
   {
       width: 55%;
   }
   .page-wrapper-logged-out {
    margin-top: 72px;
  }
}
/* Slider */
#slider{
  width:100%;
  height:500px;
  position:relative;
  overflow:hidden;
}
@keyframes load{
  from{left:-100%;}
  to{left:0;}
}
.slides{
  width:500%;
  height:100%;
  position:relative;
  -webkit-animation:slide 30s infinite;
  -moz-animation:slide 30s infinite;
  animation:slide 30s infinite;
}
.slider{
  width:20%;
  height:100%;
  float:left;
  position:relative;
  z-index:1;
  overflow:hidden;
}
.slide img{
  width:100%;
  height:100%;
}
.slide img{
  width:100%;
  height:100%;
}
.image{
  width:100%;
  height:100%;
}
.image img{
  width:100%;
  height:100%;
}
/* Legend */
.legend{
  border:500px solid transparent;
  /*border-left:800px solid rgba(52, 73, 94, .7);*/
  border-left: 800px solid #337ab7;
  border-bottom:0;
  position:absolute;
  bottom:0;
}
/* Contents */
.content{
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
}
.content-txt{
  width:400px;
  height:150px;
  float:left;
  position:relative;
  top:220px;
  -webkit-animation:content-s 7.5s infinite;
  -moz-animation:content-s 7.5s infinite;
  animation:content-s 7.5s infinite;
}
.content-txt h1{
  font-family: 'Montserrat', sans-serif;
  font-size:40px;
  color:#fff;
  text-align:left;
  margin-left:30px;
  padding-bottom:10px;
}
.content-txt h2{
  font-family: 'Raleway', sans-serif;
  font-weight:normal;
  font-size:24px;
  color:#fff;
  text-align:left;
  margin-left:30px;
}
/* Switch */
.switch{
  width:120px;
  height:10px;
  position:absolute;
  bottom:50px;
  z-index:99;
  left:30px;
}
.switch > ul{
  list-style:none;
}
.switch > ul > li{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#333;
  float:left;
  margin-right:5px;
  cursor:pointer;
}
.switch ul{
  overflow:hidden;
}
.on{
  width:100%;
  height:100%;
  border-radius:50%;
  background:#f39c12;
  position:relative;
  -webkit-animation:on 30s infinite;
  -moz-animation:on 30s infinite;
  animation:on 30s infinite;
}
/* Animation */
@-webkit-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  15%{
    margin-left:0%;
  }
  20%{
    margin-left:-100%;
  }
  35%{
    margin-left:-100%;
  }
  40%{
    margin-left:-200%;
  }
  55%{
    margin-left:-200%;
  }
  60%{
    margin-left:-300%;
  }
  75%{
    margin-left:-300%;
  }
  80%{
    margin-left:-300%;
  }
  85%{
    margin-left:-400%;
  }
  96%{
    margin-left:-400%;
  }
}
@-moz-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  15%{
    margin-left:0%;
  }
  20%{
    margin-left:-100%;
  }
  35%{
    margin-left:-100%;
  }
  40%{
    margin-left:-200%;
  }
  55%{
    margin-left:-200%;
  }
  60%{
    margin-left:-300%;
  }
  75%{
    margin-left:-300%;
  }
  80%{
    margin-left:-300%;
  }
  85%{
    margin-left:-400%;
  }
  96%{
    margin-left:-400%;
  }
}
@keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  15%{
    margin-left:0%;
  }
  20%{
    margin-left:-100%;
  }
  35%{
    margin-left:-100%;
  }
  40%{
    margin-left:-200%;
  }
  55%{
    margin-left:-200%;
  }
  60%{
    margin-left:-300%;
  }
  75%{
    margin-left:-300%;
  }
  80%{
    margin-left:-300%;
  }
  85%{
    margin-left:-400%;
  }
  96%{
    margin-left:-400%;
  }
}
@-webkit-keyframes content-s{
  /*0%{left:-420px;}
  10%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:0px;}
  90%{left:0px;}
  100%{left:-420px;}*/
}
@-moz-keyframes content-s{
  /*0%{left:-420px;}
  10%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:0px;}
  90%{left:0px;}
  100%{left:0px;}*/
}
@keyframes content-s{
  /*0%{left:-420px;}
  10%{left:20px;}
  15%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:0px;}
  90%{left:0px;}
  100%{left:0px;}*/
}
@-webkit-keyframes on{
  /*........................*/
  /*0%,100%{
    margin-left:0%;
  }
  15%{
    margin-left:0%;
  }
  20%{
    margin-left:15px;
  }
  35%{
    margin-left:15px;
  }
  40%{
    margin-left:15px;
  }
  55%{
    margin-left:15px;
  }
  60%{
    margin-left:15px;
  }
  75%{
    margin-left:15px;
  }
  80%{
    margin-left:15px;
  }
  85%{
    margin-left:15px;
  }
  96%{
    margin-left:15px;
  }*/
  /*.....................*/
  /*0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }*/
}
@-moz-keyframes on{
  /*0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:15px;
  }
  71%{
    margin-left:15px;
  }
  75%{
    margin-left:15px;
  }
  96%{
    margin-left:15px;
  }*/
}
@keyframes on{
  /*0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }*/
}
.images img {
    width: auto;
    height: 505px;
    float: right;
}
.panel-title a {
    display: block;
    padding: 10px 15px;
    margin: -10px -15px;
    cursor: pointer;
}
.bottom > * {
  vertical-align: bottom;
}

/*price-table*/
.nav-pills>li>a {
    border-radius: 2px;
    border: 1px solid #419fdb;
}
.price {
    list-style-type: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.price:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

.price .header {
    background-color: #409edb;
    color: white;
    font-size: 25px;
}

.price li {
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center;
}

.price .grey {
    background-color: #eee;
    font-size: 20px;
}

.button {
    background-color: #419eda;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
}
/*contactform*/
/*.............................................................*/
form {
  max-width: 600px;
  text-align: center;
  margin: 20px auto;
}
form input, form textarea {
  border: 0;
  outline: 0;
  padding: 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: block;
  width: 100%;
  margin-top: 1em;
  font-family: 'Merriweather', sans-serif;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  resize: none;
}
form input:focus, form textarea:focus {
  -moz-box-shadow: 0 0px 2px #e74c3c !important;
  -webkit-box-shadow: 0 0px 2px #e74c3c !important;
  box-shadow: 0 0px 2px #e74c3c !important;
}
form #input-submit {
  color: white;
  background: #36a8e0;
  cursor: pointer;
}
form #input-submit:hover {
  -moz-box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
  -webkit-box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
  box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
}
form textarea {
  height: 170px;
}

.half {
  float: left;
  width: 48%;
  margin-bottom: 1em;
}

.right {
  width: 50%;
}

.left {
  margin-right: 2%;
}

@media (max-width: 480px) {
  .half {
    width: 100%;
    float: none;
    margin-bottom: 0;
  }
}
@media(min-width:500px) {
  .service-content-holder {
      width: 240px;
  }
}
@media(max-width:500px) {
  .service-content-holder {
      width: auto;
  }
}
/* Clearfix */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.cf:after {
  clear: both;
}


.bggr {
  margin-top:30px;
  background: transparent;
  color: #fff;

}
/*end*/