body{ font-family: 'Roboto', sans-serif !important; font-weight: 400;}
.padding_zero{ padding: 0;}
.rec_con {margin: 0 0; padding: 8px 50px 5px 10px; background: #FFF; display: inline-block; border: 1px solid #dbe0e4; border-bottom: 0; border-right: 0; position: relative; font-size: 16px; color: #333333;font-weight: 400; top: 4px;}
.rec_con:after{ position: absolute; width: 25px; height: 34px; background: url(../../img/arr.png) no-repeat; right: -25px; top: -2px; content:""; display: block; clear: both;}
.profile .profile-username.profile-username_client{     line-height: 36px;} 
.effect_box:hover{ box-shadow: 5px 4px 0px 0px #d1d1d1;}
input.search-bar:focus{ background: #fff !important; color: #000;}
/*Login-page-css-start*/
.accountbg{ background: #3292e0;}
.outer_login_pages{ position: relative; border:0; border-radius: 0 0 5px 5px;}
.outer_login_pages .black{ position: absolute; top: -2px; left: -2px;}
.login_pages_block.panel-body{ padding: 0;}
.login_pages_block h3{  font-size: 23px; font-weight: 400; color: #2a323c; padding: 16px 15px 16px 20px;}
.login_pages_block h3.m-b-15 { margin-bottom: 8px;}
.login_pages_block .left{ margin-left: 37px; padding-top: 4px; display: inline-block; }
.login_pages_block .right{ float: right;}
.login_logout{ padding: 12px 32px 15px; background: #f0f0f0; border-radius: 0 0 5px 5px;}
.login_logout .m-t-20{ margin-top: 10px;}
.login_logout label{ font-size: 14px; font-weight: 500; color: #2a323c; line-height: 28px;}
.login_logout .form-control{ border: 1px solid #e0e0e0;-webkit-box-shadow: inherit; -moz-box-shadow: inherit; box-shadow: inherit; height: 40px;}
.login_logout label.rem{ font-size: 14px; font-weight: 300; color: #555555; line-height: 21px; padding-left: 9px;}
.login_logout label.rem:hover{ color: #3292e0;}
.login_logout .checkbox-primary a{ display: block; text-align: right; font-size: 14px; font-weight: 300; color: #555555; line-height: 18px;} 
.login_logout .checkbox-primary a:hover{ text-decoration: underline; color: #3292e0;}
.login_logout .checkbox label::before { border-radius: 0; border: 1px solid #bbbbbb;height: 18px; width: 18px;}
.login_logout .checkbox label::after {top:-1px;height: 18px;padding-top: 0px; padding-left: 4px;}
.login_logout button.btn-primary.btn{min-width: 90px;width: auto;border-radius: 3px;height: 38px;line-height: 36px;padding: 0 !important;font-size: 14px;line-height: 36px !important;text-transform: uppercase; background: #3292e0;}
.login_logout .bottom_btn{ margin-top: 30px;}
.form-group.new_form_group{ margin-bottom: 10px;}
/*Login-page-css-end*/

/*Dashboard-page-css-start*/
.staff_block{ margin-bottom: 15px;}
.staff_block h2{ font-weight: 500; font-size: 31px; color: #2a323c;}
.staff_block h4.font-light{ font-weight: 400; color: #333333; font-size: 16px;}
.staff_block .text-muted a { color: #666666; font-size: 13px; font-weight: 400;}
.staff_block .text-muted a:hover{ color: #3292e0;}
.con_panel{ border: 1px solid #dbe0e4 !important; border-radius: 0 0 5px 5px !important; box-shadow: inherit;}
.test_block table th{ font-size: 13px; font-weight: 400; color: #333333; border-bottom-width: 0 !important; padding:11px 8px !important;}
.test_block table td{ font-size: 13px; color: #555555; font-weight: 300; padding:11px 8px !important;}
.test_block table tbody tr:nth-of-type(odd) { background: #f5f5f5;}
.rg{ float: right; padding-top: 12px; font-size: 12px; font-weight: 400; color: #333333;}
.rg a{ color: #333333;}
.rg a:hover{ text-decoration: underline; color: #3292e0;}
.notify{ width: 100%; clear: both; min-height: 105px; border-bottom: 1px solid #dbe0e4;}
.notify:last-child{ border: 0;}
.notify:first-child{ padding-top: 10px;}
.notify .left{ width: 41px; height: 41px; border-radius: 50px; background: #fff; float: left; position: relative;}
.notify .left span{height: 8px; width: 8px; border-radius: 50px; display: inline-block; position: absolute; right: 0; top: 1px;box-shadow: 0 0 6px #fff;}
.notify .left span.blue{ background:#46be8a;}
.notify .left span.red{ background:#ef5350;}
.notify .left span.yellow{ background:#fdb45d;}
.notify .right{ float: left; width: 80%; margin-left: 14px;}
.notify .right span{ width: 100%; float: left;  clear: both; color: #666666;}
.notify .right span.cl{ font-weight: 400; font-size: 15px; line-height: 19px; color: #333333; }
.notify .right span.cll{ font-weight: 300; font-size: 12px; line-height: 17px; color: #999999; font-style: italic; margin-top: 4px;}
.notify .right span.clll{ font-weight: 300; font-size: 13px; line-height: 17px; margin-top: 7px;}
.con_panel .notify .panel-body { padding: 12px 20px;}
/*Dashboard-page-css-end*/

/*error-message-start*/
.message{ padding: 5px; text-align: center; background: green; color: #fff;}
.error-message{ color: red; font-size: 13px; padding-top: 4px;}
.back{ float: right; font-size: 15px; font-weight: 500; margin-top: 10px;}
.back span{ font-size: 12px; font-weight: 500; position: relative; top: 0px; left: -2px;}
/*error-message-end*/
.pic_name{font-size:11px;}


/******************************pagination*****************************/

.paginat {
    background: #e3e1e1;
    
}
.pagi_nat {
    float: right;
    margin-right: 0px;
    background: #fff;
    /* border: 1px solid #ccc;
    box-shadow: 0 1px 1px #cccccc; */
    /* border-radius: 20px; */
}

.pagi_nat span.prev {
    border-radius: 20px 0 0 20px;
}
.pagi_nat span {
    padding: 0 12px;
    line-height: 32px;
    float: left;
    font-weight: 600;
}
.pagi_nat span.current {
    color: #fff;
    background: #4293e4;
    box-shadow: inset 0 0 3px #912413;
}
.pagi_nat span:hover {
    color: #fff;
    background: #4293e4;
    box-shadow: inset 0 0 3px #912413;
}
.pagi_nat span {
    padding: 0 12px;
    line-height: 32px;
    float: left;
    font-weight: 600;
}
.pagi_nat span.next {
    border-radius: 0 20px 20px 0;
}
.pagi {
    line-height: 32px;
    color: #000;
    text-align: left;
    font-weight: 600;
}
/* NEW PAGINATION FOR LARAVEL STARTS HERE */
.pagi_nat nav{
    height: 0px;
    width: auto;
}
.pagi_nat nav .pagination{
    margin-top: -3px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px #cccccc; 
    border-radius: 20px;
}

.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #3292e0;
    border-color: #3292e0;
    box-shadow: inset 0 0 3px #912413;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    background-color: #3292e0 !important;
    border-color: #3292e0 !important;
    box-shadow: inset 0 0 3px #912413 !important;
}
/* NEW PAGINATION FOR LARAVEL ENDS HERE */

/******************************pagination end*****************************/

.searchBtn{
    height: 37px;
}

.Active{
    color: #337ab7;
}
.Inactive:hover { 
  color: red;
}
.Inactive{
    color: red;
}