/* Login Page Styling Starts Here */
body {
    font-size: 12px;
    margin: 0px auto;
    padding: 0px;
    background: url('../../img/body-bg.png') no-repeat;
    font-family:inherit; 
    color:#303641;
    background-size: cover;
}
.login-wrapper {
    width: 100%;
    max-width: 390px;
    margin: 0px auto;
    padding: 60px 0px 0px 0px;
    display:block;
}
.logo-img{
    text-align:center;
}
.login-txt {
    font-size: 24px;
    color: #000000;
    padding: 25px 0px;
    font-family: 'NeoSansProLight';  
    text-align: center;
}
.form_ct{
    margin:0px auto;
    display:block;
    border-radius: 5px;
    background-color: #ff0000;
    padding:34px 39px;
    border:solid 2px #cfcdcd;    
}
.lbl{
    font-size:18px;
    text-align: center;
    color:#fff; 
    padding-bottom: 25px;
}
.lbl .forgotPasswordLink{
    color: #fff;
}
.detail input{
    background-color:#ffe3e3;
    text-align: center;
    font-size:14px;
}
.detail button{
    background:transparent;
    text-align:center;
    font-size:14px;
    color:white;
    border:solid 1px #ffffff;
}
.detail button:hover{
    color:white;
}
/* Login Page Styling Ends Here */
/*Dashboard Styling Starts Here*/
#main{
    width:100%;
    max-width:1210px;
    margin:0px auto;
    padding:0px;
    /*    border:solid 2px #f9fafa;*/
}
/*Header Styling Starts Here*/
.header{
    margin: 0px 10px;
    background:#fff;
}
.logo{
    text-align: center;
    background-color:#303641;
    padding:25px 0px 20px 0px;
}
.header-txt {
    display:block;
    border-bottom:solid 1px #7b7b7b;       
    color:#303641;
    text-align: center;
    padding:0px;
    margin:0px 10px 0px 20px;
}
.header-txt h3{
    font-size:30px;
}
.breadcrumb{
    background-color: #fff;
    margin:10px auto;
}
.breadcrumb a{
    font-size:18px;
    color:#777;
    font-weight: bold;
}
.breadcrumb .fa{
    padding:0px 5px;
}
.breadcrumb>li+li:before{
    content: none;
}
.breadcrumb a:hover{
    text-decoration: none;
}
/*Header Styling Ends Here*/
.content{
    margin:0px 25px;
}
/*Sidebar Styling Starts Here*/
.side-bar{
    /*height:700px;*/
}
.menu {
    border: none;
    border-radius: 0px;
    margin: 0px auto;
    background-color: #303641;
}
.menu-default {
    border: none;
    padding: 0px;
}
.menu-default .menu-toggle {
    border: none; 
}
.menu-default .menu-toggle:hover {
    background: none;
    border: none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.sidebar-item {
    width: 100% !important;
}
.sidebar-item li {
    float: none;
    list-style-type: none;
}
/*.sidebar-item li a:after{
    font-family: 'FontAwesome';
    content: '\f107';
    position: absolute;
    z-index: 111;
    font-size:16px;
    margin:8% 22%;
    color:#aaabae;
    font-weight:bold;
    
}*/
.sidebar-item li a {
    display: block;
    text-decoration: none;
    color: #aaabae !important;
    border: solid 1px #3e444e;
    border-right: none; 
    font-size: 16px;
    font-weight: bold;
    padding: 0px !important;
}

.sidebar-item li a:hover {
    color: #fff !important;
    background-color: #2b303a !important;
}
.side-bar .fa {
    padding: 17px 11px;
    font-weight:bold;
}
/*.side-bar .sidebar-item li:hover .submenu {
  display: block;
}*/
.submenu {
    display: block; 
    width: 100%;
    background:#303641;
    padding:0px;
}
.submenu li {
    list-style-type: none !important;
    padding: 5px 0px;
}
.submenu li a {
    color: #797a7b !important;  
    text-decoration: none;
    padding:5px 0px 0px 34px  !important;
    font-size: 14px;
    border:none;
}
.submenu li a:before{
    font-family: 'FontAwesome';
    content: '\f105';
    position: absolute;
    z-index: 111;
    font-size:22px;
    margin:-6px -20px;
    color:#797a7b ;
}
/*Sidebar Styling Ends Here*/
/*Content Styling starts Here*/
.menu_ct{
    background-color:#fff;  
    padding:0px 30px 90px 30px;
}
.info {   
    font-size:16px;
    text-align: justify; 
}
.info h3{
    margin:0px 0px 10px 0px;
    font-size:22px;
    font-family: 'NeoSansPro-Medium';
}
.info h3 .fa{
    padding:0px 10px 0px 0px;
    font-weight: normal; 
}
.green-block{
    display:block;
    background-color: #7cc576;
    color:#fff;    
    border-radius: 5px;
    padding: 0px 0px 20px 15px;
    margin:10px 0px;
}
.green-block h3{
    font-size:22px;    
}
.green-block h3 span{
    font-weight: bolder;
    font-size:30px;
}
.red-block{
    display:block;
    background-color: #FF0000;
    color:#fff;    
    border-radius: 5px;
    padding: 0px 0px 20px 15px;
    margin:10px 0px;
}
.red-block h3{
    font-size:22px;    
}
.red-block h3 span{
    font-weight: bolder;
    font-size:30px;
}
.white-block{
    display:block;
    border: solid 3px  #ff0000;      
    border-radius: 5px;
    padding: 0px 0px 20px 15px;
    margin:10px 0px;
}
.white-block h3{
    font-size:22px;   
    font-weight:bolder;
}
.white-block h3 span{
    font-family: 'NeoSansPro-Medium';
    font-size:26px;
    line-height: 37px;
    font-weight: normal;
}
.grey-block{
    display:block;
    background-color: #e1e1e1;    
    border-radius: 5px;
    padding: 1px 0px 20px 15px;
    margin:10px 0px;
}
.grey-block h3{
    font-size:20px;
    border-bottom: 1px solid #303641;
    display:block;
    padding-bottom: 5px;
    margin-right:20px;
    font-weight:bolder;
}
#detail {
    text-align: left ;
}
.grey-block h4{
    font-size: 27px;    
    margin-right: 20px;
    line-height: 30px;
    font-family: 'NeoSansPro-Medium';
    font-weight:bold;
}
.grey-block h4 span{
    font-size:14px; 
    font-family: 'NeoSansProLight';
    font-weight:bold;    
}
.plad-block{
    padding-right:0px;
}
.plad-blocks{
    padding:0px 15px;
}
.plad_txt{
    display: block;
    background-color: #e1e1e1;
    border-radius: 5px;
    padding:20px;
    margin:5px 0px;   
}
.plad-block h3{
    text-align:center;
    font-size:26px;
    font-weight:bold;
    margin:0px;
}
/*Dashboard Styling Ends Here*/
/*Form Styling Starts Here */
.form_lbl{
    font-size:18px;
    font-weight:bold;
    color:#9c9c9d  ;
}
.form_value{
    font-size:14px;
    font-weight:bold;
    color:#aaabae  ;
}
.sty-chkbox {
    font-weight: normal;
    font-size: 14px;
    font-family: 'fira_sansmedium';
}
.sty-chkbox input[type=checkbox] {
    display: none;
}
.sty-chkbox input[type=checkbox] + label {
    padding-left: 25px;
    height: 15px;
    display: inline-block;
    line-height: 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
}
.sty-chkbox input[type=checkbox]:checked + label {
    background-position: 0 -16px;
}
.sty-chkbox label {
    background-image: url(../images/check.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.sty_radio input[type=radio] {
    display: none;
}
.sty_radio input[type=radio] + label {
    padding-left: 38px;
    height: 17px;
    display: inline-block;
    line-height: 17px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
}
.sty_radio input[type=radio]:checked + label {
    background-position: 0 -17px;
}
.sty_radio label {
    background-image: url(../images/radio.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*Forms Styling Ends Here*/
/*List Styling Starts Here*/
.heading{
    text-align: center;
    padding:5px 0px;
    font-size:18px;
    font-weight:bold;
}
.table_ct{
    font-size:14px;
    font-weight:bold;
    text-align: center;
    padding:5px 0px;
}
.tr_bg{
    background-color:#f9f9f9;
}
/*List Styling Ends Here*/

/*Din Profile Styling Ends Here*/
.profile{
    font-size:14px !important;      
}
.profile h4{
    font-size:14px;   
}

.profile_pic{
    padding: 19px 10px;
}
.profile_pic img{
    display:block;
    background:#cdd1d5;
    border-radius: 50%;
    width:93px;
    height:94px;
    border:solid 1px #e1e1e1;
    margin:0px auto;
}

/*Din Profile Ends Here*/

/*Din Koretimer Styling Ends Here*/
.table_heading{
    border-bottom: solid 1px #7b7b7b ;
    /* font-weight:bold; */
}

.tbl_detail{
    padding-top:5px;   
}
/*Din Koretimer Ends Here*/

/*Din Regning Styling Ends Here*/
.bill{
    font-size:16px;
    font-family: 'NeoSansPro-Medium';
    padding-bottom:5px; 
}
#tbl_heading{
    border-bottom: solid 1px #7b7b7b;
    border-top: solid 1px #7b7b7b;
}
/*Din Regning Ends Here*/

.top-bar ul.breadcrumb li a{
    color:#676767;	
}


/*---------- My Style --------*/
.paginationCt{
    margin-top: 30px;
}
.paginationCt .pagination{
    margin-top: 0px;
}
.paginationCt .pagination_no .paginate_button_disabled,
.paginationCt .pagination_no .current,
.paginationCt .pagination_no .paginate_button a{
    padding : 10px;
    border: 1px solid #e3a1a1;
    background: #cc0000;
    color: #fff; 
    border-right: 0px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
}
.paginationCt .pagination_no .last.paginate_button a{
    border-right: 1px solid #e3a1a1;
}
.paginationCt .pagination_no .current{
    background: #e3a1a1;
}
.paginationCt .pagination .select label{
    padding-right: 10px;    
}
#dropdown{
    width: 70%;    
}
.centerAlignedArea .radioStyle {
    text-align: center;
    margin: 0px auto;
}
.centerAlignedArea .radioStyle label{
    padding: 0px 10px;
}
.onDate{
    text-align: right;
}
#termsAndCondition h3{
    padding: 10px;
    border: 1px solid #666666;
    margin-bottom: 0px;
}
#termsAndCondition .profile{
    border: 1px solid #666666;
    border-top: 0px;
    padding: 10px 0px;
}
#termsAndCondition .term{
    padding: 10px;
    border-bottom: 1px solid #666666;
}
#termsAndConditionSubmitCt{
    margin-top: 10px;
}
.areaObject{
    margin: auto 10px !important;
}
.radio label{
    padding-left: 30px;
}
.calendarPagination .calendarPaginationLink{
    color: #3f3f3f;
    font-size: 20px;
    margin: 5px auto 20px;
}
.calendar{    
    border: 1px solid;    
    padding: 0px;
    border-right: 0px;
}
.calendar.last_element{
    border-right: 1px solid !important;
}
.calendar .fc-event-inner{
    cursor: pointer !important;
}
.calendar .fc-header{
    cursor: pointer;
}
.calendar .fc-header .fc-header-title h2{
    font-size: 16px;
    padding-top: 10px;
}
.calendar-event-info{
    border-radius   : 3px;
    color           : #fff;
    z-index         : 1000000;
    -webkit-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75);        
    padding:10px;
    margin:0;
    width: 20%;       
    text-align:center;
    position:absolute;   
    border: 1px solid #56acab !important;
    background-color: #56acab !important;
    border-radius: 3px;
}
.calendar-event-info .fc-event-large span{
    font-weight : bold;
    font-size: 16px;
}
.calendar-event-info .fc-event-large span.time{
    font-weight : 400;
    font-size: 14px;
}
.calendar-event-info .fc-event-large a.view-more-link{
    display: block;
    font-size: 12px;
    background: #ededef;
    color: #6b6e79;               
    margin: 10px auto;
    padding: 5px;
    font-weight: bold;
    text-align: center;
}
.calendar-event-info .fc-event-large .close.event-close{
    text-shadow: none !important;
    opacity: 1 !important;
    font-size: 18px;
}
.calendar-event-info .fc-event-large .close.event-close i{
    color: #FFFFFF !important;
}
.calendar-event-info .fc-event-large .event-content{
    margin-top: 5px;
}
.calendar-event-info.open-event{
    display         : block !important; 
}
.calendar-event-info.close-event{
    display         : none !important;
}  
.calendar.without-next-prev .fc-header-left{
    border-right: 0px !important;
}
.calendar.without-next-prev .fc-header-right{
    border-left: 0px !important;
}
.calendar.fc-event-inner{
    cursor: pointer !important;
}
td.fc-day.fc-widget-content.fc-today.fc-state-highlight {
    background: #b0b0b0!important;
    color: #ffffff;
}
.calendar .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td{
    padding-top: 5px;
}
td.fc-day{
    cursor: pointer;
}
.detailsLoading{
    text-align         : center;
    padding            : 60px 0px;
}
.bookingTitle{
    margin: 10px 15px 0px;
    padding: 10px 0px;
}
.bookingTitle h5{
    text-align: center;
    font-size: 16px;
    text-transform: capitalize !important;
    margin: 0px;
}
#bookingTable{    
    padding: 10px 0px 0px;
    border: 1px solid;
    margin: 0px 30px;
    width: 93.3%;
    border-bottom: 0px;
}
#bookingTable table th,#bookingTable table td{
    text-align: center;
    padding: 7px 0px;
}
#bookingTable table tr{
    border-bottom: 1px solid #666666;
}
#bookingTable table tr.even{
    background: #e8e8e8;
}
#bookingTable table td a{
    color: #cc0000;
}
#bookingTable table td a.btn.btn-success{
    color: #fff;
}
#bookingForm .row>.col-xs-12, #bookingAddForm .row>.col-xs-12 {
    padding: 0px 30px !important;
}

.widget-header{
    margin-top: 14px;
    background: #dfdfdf;
    padding: 6px;
}

.widget-content {
    border: #DFDFDF solid 1px;
    padding: 20px 0;
}

.widget-content .form-row {
    margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: #cecece solid 1px;
}

.widget-content .form_btns {
    margin-top: 20px;
}

.widget-content .form-row input[type=text] {
    height: 30px;
    border: #cecece solid 1px;
    padding: 5px;
    font-size: 13px;
}
.widget-content .form-row input[type=password] {
    height: 30px;
    border: #cecece solid 1px;
    padding: 5px;
    font-size: 13px;
}

.widget-content .form-row .trackDetails {
    margin: 10px 0;
}

/*.widget-content .form-row .bookingTrack {
    margin-top: -6px;
}*/


.widget-content .form-row label {
    font-size: 13px
}
.no-padding {
    padding: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.center {
    text-align: center !important;
}
input[type=checkbox].css-checkbox {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
input[type=checkbox].css-checkbox + label.css-label {
    padding-left:21px;
    height:16px; 
    display:inline-block;
    line-height:16px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:12px;
    vertical-align:middle;
    cursor:pointer;

}
input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -16px;
}
label.css-label {
    background-image:url(images/checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.trackCheckboxCt{
    padding-top: 10px;
}
input[type=radio].css-radio {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=radio].css-radio + label.css-radio-label {    
    padding: 2px 15px 0px 24px;
    height:19px; 
    display:inline-block;
    line-height:19px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
}

input[type=radio].css-radio:checked + label.css-radio-label {
    background-position: 0 -19px;
}
label.css-radio-label {
    background-image:url(images/radio.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.control-label{
    font-size: 16px;
}
#bookingTable td>a{
    text-decoration: none;
}
.hiddenRow{
    display: none;
}
.multipleRow{
    margin-bottom: 10px;
}
.multipleRow .rowBtn{
    color : #cc0000;
    font-size: 20px;
    padding-top: 2px;
    background: transparent;
    border: none;
    outline: none;
}
.error-message{
    color: #cc0000;
    margin-top: 5px;
}
.columnLabel{
    padding: 0px 3.7%;
    font-size: 28px;
}
.info-header{
    margin-bottom: 20px;
}
th[align="center"]{
    text-align: center;
}
.info table td a{
    text-decoration: none;
}
.profileImage{
    margin-left: 10px;
}
.avatar .ajax-img {
    width: 50%
}
.avatar .ajax-img img{
    width: 100%;
}
.qq-upload-button {    
    color           : #000 !important;   
    border          : 1px solid #888 !important;
    border-radius   : 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important; 
    padding         : 10px 33px 10px 0px !important;
    width           : 175px;
    background      : url('../img/Drive_Upload.png') no-repeat 150px center rgb(255,255,255) !important;
    background      : url('../img/Drive_Upload.png') no-repeat 150px center -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%) !important;
    background      : url('../img/Drive_Upload.png') no-repeat 150px center -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))) !important;
    background      : url('../img/Drive_Upload.png') no-repeat 150px center -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%) !important;
    background      : url('../img/Drive_Upload.png') no-repeat 150px center -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%) !important;
    background      : url('../img/Drive_Upload.png') no-repeat 150px center -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%) !important;
    background      : url('../img/Drive_Upload.png') no-repeat 150px center linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%) !important;
    filter          : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ) !important;
    margin          : 15px auto;
}
.qq-uploader {    
    width           : 30%;
    display         : block;
    text-align      : center;
    margin          : 0px auto; 
}
#doc_file {
    border          : 5px dashed #999999;
    padding         : 60px 0px 60px;
}
.qq-upload-drop-area span{
    position        : relative !important;
    top             : 0% !important;
    margin-bottom   : 0px !important;
}
.qq-upload-list li,.qq-uploader ul {    
    width           : auto !important;   
}
span.qq-upload-file {
    color           : #000000 !important;
}
.qq-uploader ul{
    margin-top      : 90px;
}
.qq-upload-spinner {   
    background      : url('../img/ajax-loader.gif') !important;   
}
.upload_files{
    list-style      : none;    
    margin          : 10px 0px !important;
}
.upload_files li{
    display         : inline-block;
    padding         : 0px 15px;
    border-right    : 1px solid #888888;
}
.upload_files li:first-child{
    padding-left    : 0px;    
}
.upload_files li:last-child{
    border-right    : none;   
}
.upload_files li a{
    color           : #000000;
    font-size       : 18px;  
}
.upload_files li a:hover,.upload_files li a:active{
    color           : #0099cc;
}
.info{
    margin-top: 10px;
}
.alert-error {
    background-color: #fcffeb;
    font-size: 14px;
}

.heading-link.btn.btn-danger{
    margin: 0px 10px;
    background: #cc0000;
    font-size: 12px;
}
.info table{
    margin-top: 15px;
}
.info .widget-header{
    margin: 25px 0px;
}
.info .search-form{
    font-size: 14px;
}
#bookingTable table td a.deactiveLink{
    color: #000;
}

.ui-datepicker-month, .ui-datepicker-year {
    height: 30px;
    padding: 6px;
    border: 1px solid #D2D2D2;
    background-color: #FFF;
    color: #5F5F5F;
}

tr.bold-text td{font-weight: bold !important;}

@media only screen and (max-width: 767px){
    .side-bar { height: inherit !important;}
}

/*SAVAN*/
.table_title {
    text-align: left;
}
.input.select label {
    padding: 10px 0px;
}

@media only screen and (max-width: 767px){
    .pagination_no {
        margin: 0px 0px 30px;
        display: inline-block;
        text-align: center;
    }
}
@media only screen and (max-width: 567px){
    .notable.rtable.active {
        border: 1px solid;
    }
    .login-wrapper {
        padding: 30px 15px 0px 15px;
    }
    .login-txt {
        padding: 15px 0px;
    }
    .login-txt label{
        margin-bottom: 0px;
    }
}

.invalid_feedback.white-text {
    color: white !important;
    font-size: 1.5rem;
    font-weight: bold;
}

.detail-select {
    background-color:#ffe3e3 !important;
    text-align: center !important;
    font-size:14px !important; 
}