/* Basic CSS starts here	*/
.mt-0{margin-top: 0px;}
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-50{margin-top: 50px;}
.mt-80{margin-top: 80px;}

.mb-0{margin-bottom: 0px;}
.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-50{margin-bottom: 50px;}

.ml-0{margin-left: 0px;}
.ml-5{margin-left: 5px;}
.ml-10{margin-left: 10px;}
.ml-15{margin-left: 15px;}
.ml-20{margin-left: 20px;}
.ml-30{margin-left: 30px;}
.ml-50{margin-left: 50px;}

.mr-0{margin-right: 0px;}
.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-20{margin-right: 20px;}
.mr-30{margin-right: 30px;}
.mr-50{margin-right: 50px;}

.pt-0{padding-top: 0px;}
.pt-5{padding-top: 5px;}
.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px !important;}
.pt-30{padding-top: 30px !important;}
.pt-50{padding-top: 50px;}

.pb-0{padding-bottom: 0px;}
.pb-5{padding-bottom: 5px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px !important;}
.pb-30{padding-bottom: 30px;}
.pb-50{padding-bottom: 50px;}

.pl-0{padding-left: 0px;}
.pl-5{padding-left: 5px;}
.pl-10{padding-left: 10px !important;;}
.pl-15{padding-left: 15px;}
.pl-20{padding-left: 20px;}
.pl-30{padding-left: 30px;}
.pl-50{padding-left: 50px;}

.pr-0{padding-right: 0px  !important;}
.pr-5{padding-right: 5px;}
.pr-10{padding-right: 10px !important;}
.pr-15{padding-right: 15px;}
.pr-20{padding-right: 20px !important;}
.pr-30{padding-right: 30px;}
.pr-50{padding-right: 50px;}


.fs-8{font-size: 8px;}
.fs-9{font-size: 9px;}
.fs-10{font-size: 10px;}
.fs-11{font-size: 11px;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px !important;}
.fs-17{font-size: 17px !important;}
.fs-18{font-size: 18px !important;}
.fs-19{font-size: 19px !important;}
.fs-20{font-size: 20px !important;}

.mh-40 { min-height: 40px;}
.mh-50{min-height: 50px;}
.mh-60{min-height: 60px;}

.br-none {border: none !important;}
.ta-rt{text-align: right;}
.ta-lt{text-align: left;}
/* Basic CSS ends here */

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

.btn-sm-edit, .btn-sm-remove {
    padding: 4px 8px;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    font-size: 11px;
    border: 0px;
}
.btn-sm-edit {
    background-color: #164667;
}
.btn-sm-remove {
    background-color: #cc071e;
}
.btn-sm-edit:hover, .btn-sm-edit:focus {
    background-color: #07253a;
    color: #fff;
    border:0px;
}
.btn-sm-remove:hover, .btn-sm-remove:focus {
    background-color: #7b090f;
    color: #fff;
    border: 0px;
}

.btn,.btn:focus {
    outline:none;
}

.top-header { background-color: #cc071e;}
.top-header .list-inline {  padding: 5px 0px; float: right;}
.list-inline a { text-decoration: none; color: #fff; margin-right: 15px; font-size: 11px;}

.main-header { width: 100%; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); background-color: #fff;}
.navbar-default { background: none; border: none;  margin-bottom: 0px; border-radius: 0px;}
.logo { padding: 8px 0px; float: left; /*margin-right: 30px;*/}
.logo img { height: 45px;}

.main-header .navbar-default .nav {padding: 5px;}
.main-header .navbar-default .nav > li > a { position: relative; display: block; padding: 0px 10px 0px; font-size: 13px; line-height: 21px; font-weight: 500; letter-spacing: 1px; color: #686868; outline: none; margin: 0px 0px; margin: 15px 0px; font-weight: 600;}
.main-header .navbar-default .nav > li.current > a{color: #2EA3F2;}
.main-header .navbar-default .nav > li .credential-block{padding: 2px 11px;}
.main-header .navbar-default .nav > li .credential-block label{font-weight: 500;}
.main-header .navbar-default .nav > li .credential-block input{border-radius: 3px; border: 1px solid #dadada; height: 28px; padding:0 7px;}
.main-header .navbar-default .nav > li .credential-block .login-hd-btn{background-color: #cc071e; color: #fff; border: 1px solid #790f14; height: 27px; padding: 0px 20px; border-radius: 3px;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #555; background-color: transparent;}
.forgot_password_div { display: block; font-size: 12px; color: #2EA3F2 !Important; text-decoration: none !important;}
.pic-div{padding: 0px 0px 1px 0px;}
.pic-div img{display: inline-block; float:left; width: 50px; height: 50px; border-radius: 50%;}
.pic-div .name{font-size: 13px; display: table-cell; vertical-align: middle; height: 50px; padding-left: 5px; color: #686868;}
.pic-div .role{font-size: 11px; display: block;}
.forgot_password_div{display: block; font-size: 12px; text-decoration: none !important; color: #2ea3f2 !important;}
#lblError{font-size: 12px; display:block;}

.dropdown:hover .custom-menu, .open .custom-menu { display: inline-block;}
.custom-menu {display: none; position: absolute; left: 0px; min-width: 185px; z-index: 1000; background-color: #fff; padding: 0px 0px; margin-top: 15px; border-radius: 3px; text-align: left; box-sizing: border-box; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.4); -moz-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.4); display: none; }
.custom-menu .down-arrow { position: absolute; top: 0px; left: 0px; right: 0px; height: 20px; margin-top: -20px;}
.custom-menu .down-arrow:before { content: ""; height: 20px; border-left: 10px solid transparent; border-right: 10px solid transparent;border-bottom: 10px solid #cecece; position: absolute; top: 20px; left: 25%; margin-left: -10px; margin-top: -20px; }
.custom-menu ul { padding: 0px; margin: 0px; list-style: none; background-color: #f2f2f2;}
.custom-menu ul li{ font-size: 13px; width: 100%; display: inline-block; cursor: pointer; padding: 5px 10px; border: 1px solid #cecece; position:relative;border-top: 0px;}
.custom-menu ul li:first-child{border-top:1px solid #cecece;}
.custom-menu ul li a{ text-decoration: none!important; color: #333;}
.custom-menu ul li.active,.custom-menu ul li:hover{background-color:#cc071e;color:#fff;}
.custom-menu ul li.active a,.custom-menu ul li:hover a,.custom-menu ul li ul.sub-menu li:hover a{color:#fff;}
 .main-header .navbar-default .nav > li.dropdown.active > a, .main-header .navbar-default .nav > li.dropdown:hover > a{color: #2EA3F2; background-color:transparent;}
.custom-menu ul.sub-menu { position:absolute; left:100%; top:0px; width:170px; display:none;  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.4); -moz-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.4);}
.custom-menu ul li:hover ul.sub-menu a { color: #333; }
.custom-menu ul li:hover ul.sub-menu { display: inline-block; }
.custom-menu ul li.right-arrow:after {content: "";border-left: 5px dashed;border-top: 4px solid transparent;border-bottom: 4px solid transparent;position: absolute;right: 5px;top: 10px;}

.column-dropdown {display: inline-block;}
.column-dropdown:hover .column-menu, .column-open .column-menu { display: inline-block;}
.column-menu {position: absolute; right: 180px; min-width: 160px; max-width: 200px; z-index: 1000; background-color: #fff; padding: 0px 0px; top: 40px; border-radius: 3px; text-align: left; box-sizing: border-box; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.4); -moz-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.4); display: none; }
.column-menu .down-arrow { position: absolute; top: 0px; left: 0px; right: 0px; height: 20px; margin-top: -20px;}
.column-menu .down-arrow:before { content: ""; height: 20px; border-left: 10px solid transparent; border-right: 10px solid transparent;border-bottom: 10px solid #f2f2f2; position: absolute; top: 20px; left: 50%; margin-left: -10px; margin-top: -20px; }
.column-menu ul { padding: 0px; margin: 0px; list-style: none; background-color: #fff;}
.column-menu ul li{ font-size: 13px; width: 100%; display: inline-block; padding: 0px; border: 1px solid #dfdfdf;}
.column-menu ul li a{ text-decoration: none!important; color: #333;}

.download-dropdown {
    display: inline-block;
}
.download-dropdown:hover .download-menu, .download-open .download-menu { display: inline-block;}
.download-dropdown>a{padding: 6px 10px 7px 10px; background-color: #fff; }
.fp-table-head span .download-dropdown > a { color: #333 !important}
.download-menu {position: absolute; right: 15px; min-width: 120px; max-width: 125px; z-index: 1000; background-color: #fff; padding: 0px 0px; top: 42px; border-radius: 3px; text-align: left; box-sizing: border-box; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.4); -moz-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.4); display: none; }
.download-menu .down-arrow { position: absolute; top: 0px; left: 0px; right: 0px; height: 20px; margin-top: -20px;}
.download-menu .down-arrow:before { content: ""; height: 20px; border-left: 10px solid transparent; border-right: 10px solid transparent;border-bottom: 10px solid #f2f2f2; position: absolute; top: 20px; left: 50%; margin-left: -10px; margin-top: -20px; }
.download-menu ul { padding: 0px; margin: 0px; list-style: none; background-color: #fff;}
.download-menu ul li{ font-size: 13px; width: 100%; display: inline-block; padding: 5px 10px; border: 1px solid #dfdfdf;}
.download-menu ul li a{ text-decoration: none!important; color: #333 !important;}


.brr-grey1{border-right: 1px solid #dfdfdf;}
.bg-saipa-color{background-color: #cc071e !important;}
.bg-saipa-color:hover,.bg-saipa-color:focus{color:#fff;background-color:#cc071e;}
.txt-saipa-color{color: #cc071e !Important;}
.td-none{text-decoration: none !important;}
.bg-242{background-color: #f2f2f2;}
.txt-blue{color:#2EA3F2 !Important;}
.txt-127{color:rgb(127,127,127);}
.txt-89{color:rgb(89,89,89);}
.txt-166{color:rgb(166,166,166);}
.txt-white{color:#fff !Important;}
.txt-black{color:#000 !Important;}

.body-container{margin-top: 30px; min-height: 540px; padding-bottom: 30px;}
.count-block{width:100%; background-color: #F2F2F2; color: #333; overflow: auto; padding: 10px;  text-align: center; border: 1px solid #dfdfdf; margin-bottom: 15px;}
.count-block>div{max-width: 200px; height: 238px; line-height: 150px; display: block; vertical-align: middle; margin: auto;}
.count-block>div h5{width: auto; max-width: 100%; height: auto; max-height: 100%;  max-height: calc(100% - 30px); margin: 0 auto; padding-top: 80px; vertical-align: middle; font-size: 45px; font-weight: 600; margin-bottom: 6px;}
.count-block>div h6{width: auto; max-width: 100%; height: auto; max-height: 100%;  max-height: calc(100% - 30px); margin: 0 auto;  vertical-align: middle; font-size: 13px;}
.table-head{padding: 8px 10px; color: #fff;  overflow: auto;}
.table-head p{font-size:13px; width: 75%; float: left; margin-bottom: 0px; margin-top: 3px;}
.table-head span{display: block; width: 25%; float: left; text-align: right;}
.btn-view{background-color: #f2f2f2; color: #333; font-size: 11px; padding: 3px 10px; display: inline-block; border-radius: 2px; text-decoration: none !Important;}
.table-body{padding: 8px 10px; color: #fff;  overflow: auto; border: 1px solid #dfdfdf; border-top: none; margin-bottom: 15px;}
/*.table-body .table, .fp-table-body .table{margin-bottom: 0px;}*/
.table-body .table>thead>tr>th, .fp-table-body .table>thead>tr>th,.fp-table-body .table>tbody>tr>th,.fp-table-body .table>thead>tr>td {background-color: #f2f2f2; border-bottom-width: 1px;color: #595959; font-size: 12px; vertical-align: middle;}
.table-body .table>tbody>tr>td, .fp-table-body .table>tbody>tr>td {color: #555; font-size: 12px; vertical-align: middle;}
.fp-table-body .table .table-icon{width: 30px;}
.fp-table-body .table .table-icon.mr{margin-right:5px;}
.fp-table-body .table .table-icon.mt{margin-top:3px;}

.table-body .report-table>thead>tr>th, .fp-table-body .report-table>thead>tr>th,.fp-table-body .report-table>tbody>tr>th,.fp-table-body .report-table>thead>tr>td {
    white-space:nowrap;
}

.notification-table > tbody > tr {cursor:pointer;}
.notification-table > tbody > tr:hover{ background-color: #f2f2f2;}
.notification-table > tbody > tr > td {border-top: none; border-bottom: 1px solid #ddd;}
.notification-table > tbody > tr:last-child > td { border-bottom: none !important; }
.remove-icon {height: 20px;cursor: pointer;}
.fp-body{border:1px solid #dfdfdf;padding:10px;margin-bottom:10px;}
.fp-body .head-txt{ margin-top:0px;}

.head-txt{background-color: #F2F2F2; padding: 10px 0px; font-size: 15px;}
.fp-table-head{padding: 8px 10px; color: #fff;  overflow: auto;}
.fp-table-head p{font-size:15px; width: 30%; float: left; margin-bottom: 0px; margin-top: 0px;}
.fp-table-head span{display: block; width: 70%; float: left; text-align: right;}
.fp-table-head span a i{color: #fff !important; font-size: 21px;}
.fp-table-head span a img{width: 21px;}
.fp-table-head span a{color: #fff !important; text-decoration: none; display: inline-block;}
.fp-table-body{padding: 8px 0px; color: #000;  overflow: auto; border: 1px solid #dfdfdf; border-top: none; }



.column-menu input { width: 100%; border-radius: 4px; border: 1px solid #dadada; height: 30px; margin-bottom: 2px; padding: 0px 7px;}
.column-menu input:focus{border-color:#cc071e;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(170,32,39,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(170,32,39,.6)}
.column-menu .checkbox { padding-left: 20px; margin: 5px 0px;}
.column-menu .checkbox input{ width: 0px; height: 0px; margin-bottom: 0px;}
.column-menu .checkbox label{ min-height: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; max-width:100%; }
.column-block .checkbox label::before{content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 0px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out;}

.report-column .checkbox { width: 300px;}
.report-column .cb-btn {
    background-color: #cc071e;
    border: 0px;
    border-radius: 0px;
}
.cb-wrapper {
    overflow-y: auto;
    height: 300px;
}
.cb-column {
    width: 100%;    
}
.cb-column tr{
    border: 1px solid #dfdfdf;
}
.cb-column input[type=checkbox]{
    width: 0px;
    height:0px;
    visibility:hidden;
}
.cb-column input[type=checkbox]:checked + label:before {
    margin-right: 0px;
    margin-left:-25px;
    width:25px;
}
.cb-column label{
    color:#555;
    display: inline-block;
    position: relative;
    padding-left: 25px;
    min-height: 20px;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    max-width: 100%;
}

.filter-block {
    width: 100%;
    color: #686868;
    border: 1px solid #DFDFDF;
    padding: 10px 15px;
    background-color: #f2f2f2;
    border-bottom: 0px;
}
.filter-block label{width: 100%; font-size: 13px; margin-bottom: 2px; font-weight: 500;}
.filter-block input{width: 100%; border-radius: 4px; border: 1px solid #dadada; height: 35px; margin-bottom: 2px; padding: 0px 7px;}
.filter-block input:focus, .modal-input-big:focus, .modal-textarea:focus{border-color:#cc071e;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(170,32,39,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(170,32,39,.6)}
.filter-block>label{ color: #cc071e; font-weight: 600;  font-size: 14px;}

.filter-block .checkbox { padding-left: 20px; margin: 5px 0px;}
.filter-block .checkbox input{ width: 0px; height: 0px; margin-bottom: 0px;}
.filter-block .checkbox label{ min-height: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer;}
.checkbox label { display: inline-block; position: relative; padding-left: 5px; color: #555; font-size: 13px;}
.filter-block .checkbox label::before {content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 0px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out;}
.checkbox-theme input[type="checkbox"]:checked + label::before {
    border: 2px solid #cc071e;
}
.checkbox-theme input[type="checkbox"]:checked + label::before { background-color: #fff;}
input[type=checkbox]:checked + label:before { color: #cc071e;}
input[type=checkbox]:checked + label:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit;text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00c"; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); font-size: 14px; text-align: center; line-height: 16px; font-weight: 300;}
.filter-yr-tag{display: inline-block; padding: 3px 5px; border: 1px solid rgb(89,89,89); border-radius: 4px; color: rgb(89,89,89); font-size: 12px; margin-right: 3px;}
.filter-yr-tag.active{background-color: rgb(242,242,242);}
.lb-img{width: 120px; height: 120px;}
.lb-info-block{padding: 10px;}
.lb-number{font-size: 16px; font-weight: 600;}
.lb-name{font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.lb-phone{font-size: 13px; font-weight: 500;}
.lb-email{font-size: 13px; font-weight: 500;}
.lb-email>a{color: #2EA3F2 !Important;}
.status-block {padding-left: 5px; padding-right: 5px;}
.status {width: 100%; padding: 5px 5px 5px 5px; overflow: auto;}
.status-circle{width: 25px; height: 25px; border-radius: 50%; background-color: #fff; float:left;}
.status-imgs{width: 25px; height: 25px; float:left; display: block;}
.status span{float: left; display: block; margin-top: 5px; padding-left: 5px; font-size: 12px;}
.not-started-status{border: 3px solid #cc071e;}
.in-progress-status{border: 3px solid #FFFF00;}
.awaiting-approval-status{border: 3px solid #2EA3F2;}
.your-feedback-status{border: 3px solid #E46C0A;}
.completed-status{border: 3px solid #008000;}
.admin-modal-lg .modal-header { padding: 10px; border-bottom: 1px solid #80070d; background-color: #cc071e; color: #fff; text-align: center;}
.admin-modal-lg .modal-body { text-align: center; background-color: #EFEFEF;}
.admin-modal-lg .modal-body .modal-btn{background-color: #cc071e; color: #fff;}
.select-status-div{border: 2px solid #ddd; width: 100%; height: 150px; padding: 10px 5px; overflow: auto; border-radius: 10px; color: rgb(89,89,89);cursor:pointer;}
.select-status-div .status-circle-bg{width: 90px; height: 90px; border-radius: 50%; background-color: #fff; margin: 0 auto; margin-bottom: 10px;}
.selected-status{border-color: #7F7F7F !important; background-color: #f2f2f2;}
.select-status-div .rpl_green {
    border: 15px solid #ccc;
    background-color: green;
}
.select-status-div .rpl_yellow {
    border: 15px solid #ccc;
    background-color: yellow;
}
.select-status-div .rpl_blue {
    border: 15px solid #ccc;
    background-color: blue;
} 

.modal-textarea {
    width: 100%;
    height: 120px;
    border-radius: 5px;
    border: 2px solid #dfdfdf;
}
.modal-input-big{width: 100%; height: 40px; border-radius: 5px; border: 2px solid #dfdfdf; font-size: 18px;}
.modal-upload-img{width: 120px; height: 120px;}
.search-apply-btn { width: 100%; margin-top: 10px; margin-bottom: 20px;}
.apply-btn { width: 100%; border-radius: 3px; background-color: #cc071e; color: #fff; border: 1px solid #cc071e; height: 34px;}
.apply-btn:hover { opacity: 0.9; }
.notification-sent-btn{background-color: transparent; border: none; padding:0px;}

.search-dropdown-menu {margin-top: -1px;}
.search-dropdown-menu ul.open{ display:block; }
.search-dropdown-menu ul { padding-left: 0px; list-style:none; margin-bottom: 0px; border: 1px solid #dadada; border-top: none; display:none;}
.search-dropdown-menu ul li { padding: 4px 7px; font-size: 12px; color: #7b7b7b; background-color: rgb(250,250,250);}
.search-dropdown-menu ul li:hover { color: #cc071e; background-color: #fff; }
    
.user-role-block { border: 1px solid #dfdfdf; }
.user-role-block .ur-img, .eur-img{width: 130px; height: 120px; padding: 5px; padding-right: 15px; border-right: 1px solid #dfdfdf;}
.profile_image{padding: 5px; border: 1px rgba(0,0,0,.4) solid; background-color: white; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);position:relative;}
.profile_image img{width:100%;}
.profile_image .edit-icon{position: absolute; width: 25px; bottom: 5px; right: 1px; cursor: pointer;}

.eur-img{border: 1px solid #dfdfdf;}
.user-role-block .edit-pp-icon, .eur-pp-icon{position: absolute; width: 25px; bottom: 0px; left: 120px; cursor: pointer;}
.user-role-block .media-body { vertical-align: middle;}
.user-role-block select{width: 200px; height: 30px; border-radius: 6px;}

.my-form .form-group{overflow: hidden; margin-bottom: 10px;}
.my-form .form-group label{margin-top: 8px; font-weight: 500;}}
.my-form .form-group label>span{color:#cc071e;}
.my-form .form-group textarea{height: 90px;}
.plus-btn{font-size: 13px;}
.plus-btn a{color: #cc071e !Important; text-decoration: none!important; padding: 8px 12px 9px 12px; border: 1px solid #fff;}
.plus-btn a:hover{border: 1px solid #cc071e; border-radius: 3px;}
.plus-btn a img{width: 25px; }

.trainer-notification-block{border: 1px solid #dfdfdf; margin-top: 0px; cursor: pointer;}
.trainer-notification-block:hover{background-color: #2EA3F2;}
.trainer-notification-block .media-left{padding-right: 5px;}
.trainer-notification-block .not-img{width: 55px; height: 55px; padding: 6px; border-right: 1px solid #dfdfdf;}
.trainer-notification-block .media-body{vertical-align: middle; padding: 0px 3px; font-size: 13px; line-height: 13px;}
.trainer-notification-block .media-body img{width:20px; margin-bottom: 0px; margin-right: 3px;}
.trainer-notification-block .media-body p{font-size: 11px; margin-bottom: 0px; font-weight: 600; line-height: 11px;}
.trainer-notification-block:hover .media-body{color: #fff !important;}

.sender-info-block {border: 1px solid #dfdfdf; margin-top: 0px; margin-bottom: 10px;}
.sender-info-block .sender-img{width: 45px; height: 45px; padding: 4px; border-right: 1px solid #dfdfdf;}
.sender-info-block .media-body{vertical-align: middle; padding: 3px; font-size: 13px;}
.sender-message-block{border: 1px solid #dfdfdf; margin-bottom: 10px; padding: 5px 10px; color: rgb(89,89,89); font-size: 13px;display:inline-block;width:100%;}
.sender-subject-block{border: 1px solid #dfdfdf; margin-bottom: 10px; padding: 8px 10px; color: rgb(89,89,89); font-size: 13px; font-weight: 600;}
.reply-notification {height: 75px !important; }

.years-timeline { border-top: 5px solid rgb(127,127,127); padding-top: 0px; margin-top: 70px; margin-left: 16.65%; margin-right: 16.65%; margin-bottom: 10px;}
.years-timeline:after { content: ""; display: table; clear: both;}
.years-one { margin-left: -16.65%; margin-right: 16.65%;}
.years-one, .years-two, .years-three { float: left; width: 33%; margin-top: -65px; outline: 1px dashed rgba(0, 128, 0, 0);}
.years-three { margin-left: 16.65%; margin-right: -16.65%;}
.years-circle { display: block;  margin: auto; width: 120px; height: 120px; border-radius: 50%; background-color: rgb(242,242,242); color: rgb(127,127,127); border: 3px solid rgb(242,242,242); padding-top: 12px; text-align: center; cursor:pointer; }
.years-circle h4{font-size: 40px; margin-top: 8px; margin-bottom:0px; }
.years-circle p{font-size: 18px; margin-bottom:5px;}
.years-timeline .active { border: 3px solid #cc071e; background-color: #f2f2f2; color: #cc071e; }
.years-timeline .completed{border: 3px solid #3c763d;background-color: #f2f2f2;color: #3c763d;}

.trainings-block{border: 1px solid #dfdfdf; margin-bottom: 3px;}
.ht-65{height: 65px;}
.trainer-course-block{padding: 5px;}
.trainer-course-block .media-body{vertical-align:middle;}
.trainer-course-block .training-img{width: 65px; height: 65px;}
.trainer-course-block .training-launch-img{width: 43px; height: 43px;}
.trainer-course-block h4{margin-top: 0px; margin-bottom: 0px; font-size: 15px; font-weight: 600;}
.trainer-course-block p{margin-bottom: 0px;}
.training-status-circle { width: 42px; height: 42px; display: inline-block; margin-top: 5px; border-radius: 50%; background-color: #fff;}
.training-doc-img{width: 90px; height: 90px; margin: 0 auto; display: block;}
.training-pg-head{overflow: auto; color: #fff;}
.training-pg-head .part1{width: calc(100% - 300px); float:left; padding: 8px 10px;}
.training-pg-head .part2{width: 298px; float: left; padding-left: 30px; padding: 5px 10px; background-color: rgb(242,242,242); margin-top: 2px;}
.training-pg-head .part3{width: 298px; float:left; background-color: rgb(242,242,242); height: 36px;text-align:right;}
.training-pg-head .part3 .upload-btn{/*width: 100%;*/ margin-top: 2px; height: 32px; border: none;}
.training-pg-head .overall-status{width: 20px; height: 20px; display: inline-block; border-radius: 50%; background-color: #fff;}

.reports-full-div{width: 19%; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 10px; float:left;}
.reports-block{width: 100%; text-align: center; padding: 10px; border: 1px solid rgb(227,227,227); }
.reports-block .center-alignment{display: inline-block; margin: 0 auto; height: 200px;}
.reports-block .vertical-alignment{display: table-cell; vertical-align:middle; height: 200px;}
.reports-block .vertical-alignment img{width: 90px; height:90px; margin-bottom: 5px;}
.reports-block .vertical-alignment p{font-size: 15px; margin-bottom: 0px;}

.dashboard-5-block { width: calc(20% - 10px); float: left; height: 219px; border: 1px solid #dfdfdf; margin: 5px 5px; }
.dashboard-5-block .head-block{width: calc(100% + 2px); padding: 5px; text-align: center; font-size: 15px; height: 30px;margin:-1px;}
.dashboard-5-block .chart-block1{width: 100%; padding: 5px; height: 120px; border-bottom: 1px solid rgb(242,242,242);}
.dashboard-5-block .points-block {height: 35px; text-align: center;}
.dashboard-5-block .points-block .left-content{display: block; float: left; width: 50%; padding: 8px 5px; font-size: 13px;}
.dashboard-5-block .points-block .right-content{display: block; float: left; width: 50%; padding: 8px 5px; font-size: 13px;}
.brb-127{border-bottom: 1px solid rgb(127,127,127);}
.brb-227{border-bottom: 1px solid rgb(227,227,227);}

.logbook-top-count-block{text-align: center; padding: 5px; border: 1px solid #dfdfdf;}
.logbook-top-count-block .center-alignment{margin: 0 auto; display: inline-block; height: 128px;}
.logbook-top-count-block .vertical-alignment{height: 128px; display: table-cell; vertical-align: middle;}
.logbook-top-count-block .vertical-alignment p{font-size: 14px;}

.atc-user-count-block{text-align: center; padding: 5px; border: 1px solid #dfdfdf;}
.atc-user-count-block .center-alignment{margin: 0 auto; display: inline-block; height: 160px;}
.atc-user-count-block .vertical-alignment{height: 160px; display: table-cell; vertical-align: middle;}
.atc-user-count-block .vertical-alignment h3{font-size: 40px; margin-top: 0px; margin-bottom: 5px;}
.atc-user-count-block .vertical-alignment h4{font-size: 25px;}
.atc-user-count-block .vertical-alignment p{font-size: 14px;}

.admin-yr-graph-block{text-align: center; border: 1px solid #dfdfdf; height: 190px;color:#000;}
.admin-yr-graph-block .head-block{width: calc(100% + 2px);padding: 5px; text-align: center; font-size: 15px; height: 30px;color:#000;margin:-1px;}
.admin-yr-graph-block .footer-block{height: 35px; text-align: center; border-top: 1px solid rgb(227,227,227);color:#000;}
.admin-yr-graph-block .footer-block .left-content{display: block; float: left; width: 50%; padding: 8px 5px; font-size: 13px; border-right: 1px solid #ddd;}
.admin-yr-graph-block .footer-block .right-content{display: block; float: left; width: 50%; padding: 8px 5px; font-size: 13px; background-color: #fff;}
.admin-yr-graph-block .center-alignment{margin: 0 auto; display: inline-block; height: 120px; }
.admin-yr-graph-block .vertical-alignment{height: 120px; display: table-cell; vertical-align: middle; padding: 5px;}
.admin-yr-graph-block .vertical-alignment h3{font-size: 40px; margin-top: 0px; margin-bottom: 5px;}
.admin-yr-graph-block .vertical-alignment p{font-size: 14px;}

.chart-block{width: 100%; height:85px; overflow: hidden;}
.chart-div{width: 100%;}
.charts{width: 100%; height: auto; margin: 0 auto;}
.chart-percent{font-size: 17px; margin-top: -48px; }

.chart-block.chart2{width: 100%; height:105px; overflow: hidden;}
.chart2 .chart-div{width: 100%;}
.chart2 .charts{width: 100px; height: 100px; margin: 0 auto;}
.chart2 .chart-percent{font-size: 17px; margin-top: -60px; }

.new-profile-pic-block {max-width: 100%; height: 100%;}
.new-profile-pic-block img { width: 100%; height: 100%;}

.linfo { font-weight:600; }
.linfo span { padding-left:5px; font-weight:400;}
.linfo span::before{ content:":"; position:absolute;top:0px;left:0px;}

#preview-pane {
	display: block; 
	width: 180px; 
	height: 180px; 
	z-index: 2000; 
	padding: 5px; 
	border: 1px rgba(0,0,0,.4) solid; 
	background-color: white; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px; 
	-webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2); 
	-moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2); 
	box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2); 
}
#preview-pane .preview-container { 
	width: 170px; 
	height: 170px; 
	overflow: hidden; 
}
.select2 {
    width:100%;  
}
/*.select2-selection__rendered {
    line-height: 34px !important;
}

.select2-container .select2-selection--single {
    height: 35px !important;
}

.select2-selection__arrow {
    height: 34px !important;
}*/
    .select2 .select2-search__field {
        height: auto;
    }

.bootstrap-tagsinput { width: 100%;}
.bootstrap-tagsinput .label-info{background-color:#cc071e; font-size: 85% !important;}

.twitter-typeahead .tt-query, .twitter-typeahead .tt-hint { margin-bottom: 0;}
.twitter-typeahead .tt-hint { display: none;}
.tt-menu { position: relative !important; top: 100%; left: 0; z-index: 1000; display: none; float: left;  min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; background-color: #f2f2f2; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; cursor: pointer; }
.tt-suggestion { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: nowrap; }
.tt-suggestion:hover, .tt-suggestion:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #cc071e; }

.chart-percent2 {
    position: absolute;
    top: 50%;
    left: 0px;
    display: inline-block;
    width: 100%;
    margin-top: -10px;
}
.chart-block {
    position:relative;
    text-align:center;
}
.chart-percent2.ctop {
    top: 42%;
}
.error404-content {
    max-width: 550px;
    margin: 60px auto;
    text-align: center;
}
    .error404-content h1 {
        color: #cc071e;
    }
.error404-content h1 {
    font-size: 140px;
    font-weight: 700;
}

.error404-content h2 {
    color: #000;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 600;
}
.error404-content p {
    font-size: 20px;
    color: #5f5f5f;
    font-weight: 300;
    margin-bottom: 20px;
}


.button-md {
    cursor: pointer;
    padding: 14px 26px;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #555;
    background: #DDD;
    transition: .5s;
    border-radius: 2px;
    border: none;
}
.button-theme {
    background: #cc071e;
}

.button-theme {
    color: #FFF;
}

.GridPager a, .GridPager span{
    display: block;
    height: 20px;
    min-width: 28px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 19px;
    margin-right: 2px;
}

.GridPager a {
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
}

.GridPager span {
    background-color: #cc071e;
    color: #fff;
    border: 1px solid #cc071e;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    display: inline-block;
    height: 20px;
    min-width: 28px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 19px;
    margin-right: 2px;
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696 !important;
    padding: 0px;
    border-radius: 0;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    border: 1px solid #cc071e !important;
    box-shadow: none;
    border-radius: 0;
    background: none;
    background-color: #cc071e;
    padding: 0px;
}
dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    border: 0px !important;
}

.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #aaa;
}

table.dataTable thead th {
    border-bottom:0px;
}

.back_btn {
    color: #fff;
    background-color: #cc071e;
    border: 0px;
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 3px;
}


.table .progress {
    margin-bottom:0px;
    border:1px solid #ddd;
    box-shadow:none;
    border-radius:0px;
    width:100px;
}

.progress-bar {
    background-color: #2ea3f2;
    color:#000;
}

.spaced td input[type="radio"] {
    float:left;
    margin-right:5px;
    margin-top:10px;
}
.spaced td label {
    margin-top: 10px;
    margin-right:30px;
}

.nsidebar {
    padding: 0px;
    list-style-type: none;
}
.nsidebar a {
    padding: 10px 15px;
    display: block;
    background-color: #f2f2f2;
    color: #333;
    border-bottom: 1px solid #dfdfdf;
    text-decoration: none;
}
.nsidebar a:not(.active):hover {
    background-color: #ccc;
    border-bottom: 1px solid #c1c1c1;
    border-top: 1px solid #c1c1c1;
    margin-top: -1px
}
.nsidebar a.active {
    background-color: #cc071e;
    color:#fff;
}
.nsidebar a span{
    float: right;
    background-color: #cc071e;
    border-radius: 3px;
    padding: 0px 6px;
    color: #fff;
}
.nsidebar a.active span{
    background-color: #fff;
    color: #000;
}
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 10px 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    /*transition: 0.4s;*/
}

.accordion.active, .accordion:hover {
    background-color: #cc071e;
    color:#fff;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.accordion:hover:after {
    color: #fff;
}

.accordion.active:after {
    content: "\2212";
    color:#fff
}
.accordion .acc-name,.accordion .acc-count{
    display:inline-block;
    float:left;
}
.accordion .acc-count{
    margin-left:10px;
}
.accordion .progress{
    width: 150px;
    display: inline-block;
    margin: 0px;
    margin-left: 10px;
    float: left;
    margin-top: 2px;
}
.acc-panel {
    padding: 0 15px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border: 1px solid #ddd;
    border-top:0px;
}
.acc-panel .table th{
   background-color:#f5f5f5;
}

.file-input{
    border-bottom:1px solid #ddd;
    display:inline-block;
    max-width:600px;
    padding-bottom:20px;
}



.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.custom-file-remove {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.fileContainer {
    /*border: 1px solid #ddd;
    border-radius: 5px;*/
    /*padding: 10px;*/
    display: inline-block;
    width: 100%;
}

    .fileContainer .item {
        border: 1px solid #ddd;
        border-radius: 5px !important;
        display: inline-block;
        width: 100px;
        height: 100px;
        margin: 10px;
        float: left;
        padding: 5px;
        text-align: center;
        position: relative;
        margin-bottom: 30px;
    }

    .fileContainer .doc-item {
        display: inline-block;
        text-align: center;
        width: 100px;
        padding: 10px;
        cursor: pointer;
        position: relative;
        padding-bottom: 0;
        margin-bottom: 15px;
    }

    .fileContainer .item img, .fileContainer .item video {
        width: 100%;
        max-height: 100%;
        cursor: pointer;
        padding: 5px;
    }

    .fileContainer .remove {
        cursor: pointer;
        color: red;
        text-align: center;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -20px;
    }

.file-dialog img {
    max-width: 100%;
    max-height: 100%;
}

.note {
    position: relative;
    width: 80px;
    height: 100px;
    display: table-cell;
    color: #fff;
    background: #001563;
    overflow: hidden;
    vertical-align: middle;
    font-size: 16px;
}

    .note:hover, .note:focus {
        color: #fff;
    }

    .note:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        border-width: 0 16px 16px 0;
        border-style: solid;
        border-color: #fff #fff #324fb9 #324fb9;
        background: #324fb9;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
        box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
        /* Firefox 3.0 damage limitation */
        display: block;
        width: 0;
    }

    .note.rounded {
        -moz-border-radius: 5px 0 5px 5px;
        border-radius: 5px 0 5px 5px;
    }

        .note.rounded:before {
            border-width: 8px;
            border-color: #fff #fff transparent transparent;
            -moz-border-radius: 0 0 0 5px;
            border-radius: 0 0 0 5px;
        }

.tinfo label span:first-child {
    color: #333;
    font-weight: normal;
}

.tinfo label {
    width: 100%;
    margin-bottom: 10px;
}



.timeline-centered {
    position: relative;
    margin-bottom: 30px;
}

    .timeline-centered:before {
        content: '';
        position: absolute;
        display: block;
        width: 4px;
        background: #cc071e;
        top: 20px;
        bottom: 0px;
        margin-left: 20px;
    }

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
    }

    .timeline-centered .timeline-entry {
        position: relative;
        margin-top: 10px;
        margin-left: 30px;
        padding-bottom: 10px;
        clear: both;
        border-bottom: 1px solid #f7f7f7;
    }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry .timeline-entry-inner {
            position: relative;
            margin-left: -20px;
        }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
                color: #fff;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
                background: #fff;
                color: #737881;
                display: block;
                width: 25px;
                height: 25px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                text-align: center;
                -moz-box-shadow: 0 0 0 3px #cc071e;
                -webkit-box-shadow: 0 0 0 3px #cc071e;
                box-shadow: 0 0 0 3px #cc071e;
                line-height: 40px;
                font-size: 15px;
                float: left;
                margin-top: 5px;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-name {
                position: relative;
                margin-left: 40px;
                font-size: 12px;
                color: #333;
                font-weight: 600;
                margin-bottom: 3px;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-name span{
                font-size: 11px;
                color: rgb(89,89,89);
                font-weight: normal;
                margin-bottom: 3px;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
                position: relative;
                background: rgb(242,242,242);
                padding: 10px 12px;
                margin-left: 40px;
                border-radius: 5px;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
                    color: #555;
                    font-family: "Noto Sans",sans-serif;
                    font-size: 12px;
                    margin: 0;
                    line-height: 1.428571429;
                    font-weight:bold;
                }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

@media screen and (max-width: 600px) {
    .rtable {
        border: 0px;
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        width: 100% !important;
        table-layout: fixed;
    }

    .rtable tr {
        background: #f8f8f8;
        border: 1px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }

        .rtable  tr > th {
            display: none !important;
        }

        .rtable > tbody > tr > td {
            padding: 5px;
            padding-left: 120px !important;
            text-align: left;
            display: block;
            font-size: .8em;
            position: relative;
            border: 0px;
            border-bottom: 1px solid #ddd;
            word-wrap: break-word;
            min-height:25px;
        }

        .rtable td:last-child {
            border-bottom: 0;
        }
        .rtable td:before {
          
            content: attr(data-label);
            float: left;
            font-weight: bold;
            background-color: #f3f3f3;
            padding: 6px;
            color: #000;
            width: 115px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            position: absolute;
            left: 0px;
            bottom: 0px;
            top: 0px;
            border-right: 1px solid #ddd;
        }

        .dataTables_wrapper .dataTables_length {
            text-align: left !important;
        }

        .dataTables_wrapper .dataTables_length label{
            margin-left:4px;
        }
        .dataTables_wrapper .dataTables_length select{
            margin-left:18px;
        }
    .acc-panel {
        padding:0px 5px;
    }
    .accordion {
        padding: 8px 10px;
        font-size: 16px;
    }
    .fp-table-head p {
        width: calc(100% - 30px);
    }
    .fp-table-head span {
        width:30px;
    }
}

.banner{background-image: url('../images/home_bg.jpg');background-size: cover;background-position: 40% 30px; text-align:center;background-repeat: no-repeat; position: relative;}

.mv {display: none;opacity: 0.7;background-color: #000;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);border: 1px solid #dfdfdf;padding: 30px 0px;width: 290px;margin: 0 auto;margin-top: 35%;}
.mv .label-class{font-weight:600; color:#fff;text-align:left;}
.mv .merror-class{color: #9a9a9a; font-size:13px;}
.mv input.form-control{height:32px; background-color:#1b1b1b; color: #fff;}
.mv .fpass-mobile{font-weight:600; font-size: 12px; color: #1facff; margin-top:7px;}
.mv .login-mobile-btn { background-color: #cc071e; color: #fff; border: 1px solid #790f14; height: 30px; padding: 0px 15px; border-radius: 3px; text-transform: uppercase; }


@media(min-width: 992px) and (max-width: 1200px)
{
    .logo{margin-right: 10px;}
    .main-header .navbar-default .nav > li > a { padding: 4px 8px 4px; font-size: 12px; }
    .status span{font-size: 10px;}
	.atc-user-count-block .center-alignment{height: 140px;}
	.atc-user-count-block .vertical-alignment{height: 140px;}
	.atc-user-count-block .vertical-alignment h3{font-size: 35px;}
	.atc-user-count-block .vertical-alignment h4{font-size: 23px;}
	.atc-user-count-block .vertical-alignment p{font-size: 13px;}
	
	.chart-block{height:65px;}
	.chart-percent{font-size: 13px; margin-top: -35px; }
}





@media(min-width: 768px) and (max-width: 991px)
{
    
    
    .forgot_password_div, #lblError{font-size: 11px; line-height:12px; display:block;}
    
	.logo { margin-right: 2px; padding: 10px 0px;}
	.logo img { height: 30px;}
	
	.pic-div { padding: 0px 0px 0px 0px;}
	.pic-div img { width: 40px; height: 40px;}
	.pic-div .name { font-size: 12px; height: 40px;}
	.pic-div .role { font-size: 10px;}
	.custom-menu { min-width: 150px; left: -20px;}
	.custom-menu .down-arrow { left: -30px;}
	.custom-menu ul li { font-size: 12px; padding: 3px 8px;}
	
	.select-status-div .status-circle-bg{width: 70px; height: 70px;}
	
	.years-timeline { margin-top: 50px;}
	.years-one, .years-two, .years-three { margin-top: -50px;}
	.years-circle { width: 90px; height: 90px; padding-top: 11px;}
	.years-circle h4{font-size: 35px; margin-top: 0px;}
	.years-circle p{font-size: 13px; }
	
	.dashboard-5-block{width: 33.3%; margin-bottom: 10px;}
	.chart-block{height:105px;}
	.chart-percent{font-size: 20px; margin-top: -60px; }
	
	.logbook-top-count-block .chart-block{height: 80px;}
	.logbook-top-count-block .chart-percent { font-size: 17px; margin-top: -45px;}
    .reports-full-div {width: 48%; margin-left: 1%; margin-right: 1%; }
    

}

@media(max-width: 800px){
    html,body{height:100%;}
    .logo img {height: 65px;}
    .mv{display: inline-block;width: 65%;margin-top: 35%;}
    .h-login{display:none;}
    .navbar-collapse {z-index: 1; position: absolute; width: 100%; margin: 0px; background-color: #f2f2f2;}
    .main-header .navbar-default .nav > li .credential-block{padding: 2px 5px 0px 5px;}
    .main-header .navbar-default .nav > li .credential-block label{font-weight: 500; font-size: 12px;}
    .main-header .navbar-default .nav > li .credential-block input{height: 25px; padding:0px 5px; width: 150px;}
    .main-header .navbar-default .nav > li .credential-block .login-hd-btn{height: 24px; padding: 0px 10px; width: 50px;}
    .main-header .navbar-default .nav > li > a {padding: 4px 5px 4px; font-size: 10px; margin: 3px 0px 2px 0px;}
    .main-header .navbar-default .nav { margin-top: 5px; margin-bottom: 5px; padding: 0px;width: 100%;}
	.main-header .navbar-default .nav li{border-bottom: 1px solid #dfdfdf;    width: 100%;}
	.main-header .navbar-default .nav li:last-child {border-bottom: none;}
	.main-header .navbar-default .nav > li > a {margin: 4px 0px;}
    .navbar-toggle { display: block;margin-top:20px; }
    .navbar-header { float: none; }
    .navbar-collapse.collapse {display: none !important; }
    .collapse.in{display:block !important;}
    .navbar-collapse .hidden-xs{display:none !important;}
    .navbar-collapse .visible-xs{display:block !important;}
}

@media(max-width: 800px) and (orientation: landscape) {
    .mv{width: 65%;margin-top: 5%;}
    .logo img {height: 50px;}
}

@media(max-width: 640px) {
   
}
@media(max-width: 640px) and (orientation: landscape) {
   .mv{width: 65%;margin-top: 5%;}
}

@media(max-width: 480px) {
    .mv{width: 80%;margin-top: 35%;}
}

@media(max-width: 767px)
{
	.navbar-toggle { margin-top: 13px;}
    
    .pic-div {padding: 0px 15px 5px 15px;}
	
	.logo { margin-right: 5px;}
	.custom-menu { position: relative; width: 100%; padding: 0px 0px; margin-top: 0px; border-radius: 2px; box-sizing: border-box; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
	.custom-menu .down-arrow {display:none;}
	.custom-menu ul li {padding: 5px 20px; font-size:12px;}
	.custom-menu ul li:hover {background-color: #cc071e; color: #fff;}
	.custom-menu ul li:hover a,.custom-menu ul li:hover ul.sub-menu a:hover{color: #fff !important;}
    .custom-menu ul li:hover ul.sub-menu a { color: #333 !important; }
    .custom-menu ul.sub-menu{  left: auto; top: 26px; right: 0px; }
	.brr-grey1{border-right:none;}
	
	.select-status-div{font-size: 12px;}
	.select-status-div .status-circle-bg{width: 50px; height: 50px; }
	.training-pg-head .part1{width: 100%;}
	.training-pg-head .part2{width: 45%; padding-left: 10px;}
	.training-pg-head .part3{width: 55%;}
	
	.dashboard-5-block{width: 33.3%; margin-bottom: 10px;}
	
	.fp-table-head span a.visible-xs {display: inline-block !important;}
	.atc-user-count-block .center-alignment{height: 120px;}
	.atc-user-count-block .vertical-alignment{height: 120px;}
	
	.chart-block{width: auto; height:90px;}
	.chart-div{width: auto; height:90px;}
	.charts{width: auto; height: 85px;}
	.chart-percent{font-size: 16px; margin-top: -56px; }
    .reports-full-div {width: 48%; margin-left: 1%; margin-right: 1%; }

}
@media(min-width: 481px) and (max-width: 640px)
{
	.dashboard-5-block{width: 100%;}
    .logo img { height: 35px; }
}

@media(min-width: 421px) and (max-width: 480px)
{
	.navbar-toggle { margin-top: 13px;}
	.select-status-div{font-size: 11px;}
	.select-status-div .status-circle-bg{width: 40px; height: 40px; }
	
	.years-timeline { margin-top: 47px;}
	.years-one, .years-two, .years-three { margin-top: -47px;}
	.years-circle { width: 85px; height: 85px;}
	.years-circle h4{font-size: 34px; margin-top: 0px;}
	.years-circle p{font-size: 13px; }
	.dashboard-5-block{width: 100%;}
    .logo img { height: 35px; }
}
@media(min-width: 320px) and (max-width: 420px)
{
	.navbar-toggle { margin-top: 8px;}
	.logo img { height: 35px;}
	.lb-img{width: 120px; height: 120px;}

	.form-container .form-block .label-class{font-size:12px;}
    .form-container .form-block .fpass-mobile{font-size: 11px;}
    .form-container .form-block .merror-class{font-size:11px;}

	.status {padding: 5px 0px 5px 0px;}
	.status .status-circle{width: 20px; height: 20px;}
	.status .imgs{width: 20px; height: 20px;}
	.status span{font-size: 10px; padding-left: 3px;}
	
	.select-status-div{font-size: 8px; padding: 10px 0px; border: 1px solid #ddd; height: 85px;}
	.select-status-div .status-circle-bg{width: 20px; height: 20px; margin-top: 5px; margin-bottom: 5px;}
	.status-imgs{width: 20px; height: 20px;}
	
	.years-timeline { margin-top: 35px; margin-bottom: 5px;}
	.years-one, .years-two, .years-three { margin-top: -35px;}
	.years-circle { width: 63px; height: 63px; padding-top: 7px;}
	.years-circle h4{font-size: 24px; margin-top: 0px;}
	.years-circle p{font-size: 12px; }
	.dashboard-5-block{width: 100%;}
	
	.atc-user-count-block .center-alignment{height: 100px;}
	.atc-user-count-block .vertical-alignment{height: 100px;}
	.atc-user-count-block .vertical-alignment h3{font-size: 30px;}
	.atc-user-count-block .vertical-alignment h4{font-size: 20px;}
	.atc-user-count-block .vertical-alignment p{font-size: 12px;}
	
	.chart-block{width: auto; height:80px;}
	.chart-div{width: auto; height:80px;}
	.charts{width: auto; height: 75px;}
	.chart-percent{font-size: 15px; margin-top: -52px; }
    .reports-full-div {width: 96%; margin-left: 2%; margin-right: 2%; }
    .spaced input[type="radio"] {
        margin-left: 50px; /* Or any other value */
    }
}