@charset "UTF-8";
/*  Base CSS Start */
*{margin:0;padding:0;box-sizing: border-box;}
body{color:#333333;background:#fff;font-style: normal;font-weight: 400; font-size:14px;overflow-x:hidden;}
html{font-smoothing: antialiased;-webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased;  -moz-osx-font-smoothing: grayscale;}
.clear{content: " ";display: block;clear: both;height: 0;visibility: hidden;}
ul, li{list-style:none;padding:0; margin:0;}
a,.link{text-decoration:none;color: #0066a8}
a:hover, a:focus{outline:none;text-decoration:none;}
a,a:hover,a:focus,a:active{text-decoration:none;-webkit-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms}
/* Section */
.section {clear: both;margin: 0px;padding: 0px;}
/* Column */
.col {display: block;float:left;margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0 !important; }
/* Row */
.row:before,
.row:after { content:""; display:table; }
.row:after { clear:both;}
.row { zoom:1; /* For IE 6/7 */ }
/* Grid */
.grid_1_of_12{ width: 6.867% }
.grid_2_of_12{ width: 15.333% }
.grid_3_of_12{ width: 23.8% }
.grid_4_of_12{ width: 32.267% }
.grid_5_of_12{ width: 40.733% }
.grid_6_of_12{ width: 49.2% }
.grid_7_of_12{ width: 57.667% }
.grid_8_of_12{ width: 66.133% }
.grid_9_of_12{ width: 74.6% }
.grid_10_of_12{ width: 83.067% }
.grid_11_of_12{ width: 91.533% }
.grid_12_of_12{ width: 100% }

.card_head h4 label{padding:5px 40px 5px 10px;}

/* Full Width below 768 pixels */
@media only screen and (max-width: 666px) {
  .col {  margin: 1% 0 1% 0%; }
  [class*='grid_'] { width: 100%; }
}
.container{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
@media (min-width: 576px) {.container{max-width:100%}}
@media (min-width: 768px) {.container{max-width:100%;}}
@media (min-width: 992px) {.container{max-width:95%;}}
@media (min-width: 1200px) {.container{max-width:95%;}}
@media (min-width: 1600px) {.container{max-width:90%;}}
@media (min-width: 1920px) {.container{max-width:80%;}}

.float-right{float: right;}
.float-left{float: left;}
.order-first{-ms-flex-order: -1;order: -1;}
.order-last{-ms-flex-order: 13;order: 13;}
button:focus,.btn:focus{outline: none;box-shadow: none;cursor: pointer;}

/* Body and Heading Fonts */
body{font-style:normal;font-weight:400;overflow-x:hidden;color:#333333;font-family: 'Open Sans', sans-serif;}
h1,h2,h3,h4,h5,h6, button, .btn, li, a{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:700;color:#000000;line-height:1.2;padding:0;margin:0;font-family: 'Open Sans', sans-serif;}
p{color:#000000;font-size:14px;font-weight:400;font-family: 'Open Sans', sans-serif;}
/*Scrollbar*/
body::-webkit-scrollbar {width:5px;background:#fff;}
body::-webkit-scrollbar-track {background-color:#fff;}
body::-webkit-scrollbar-thumb {background:#2d2e2f;height:50px;border-radius:0px;}

.headerwrap{background:#0066a8;display: -ms-flexbox;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap;}

.menuSec, .logoMain{margin-top:0;margin-bottom: 0; }
.logoMain{height: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: center;}
.navbrand{padding: 10px;display: block;}
.navbrand img{max-width: 100%;height:auto;}
.menuInner{float: right;margin-top:0;margin-bottom:0;}
.headerSec{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; display: -ms-flexbox;align-items: center;}
.topNav{display: -ms-flexbox;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap; justify-content:space-between;align-items: center;}
.side-nav-toggler{display: none;}
.topNav p{font-size: 18px;color: #fff;text-transform: uppercase;font-weight: 300;}
.topusernav{display: -ms-flexbox;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap;padding: 15px 0;align-items: center;padding:0;}
.topusernav li{padding: 0 15px;}
.topusernav li a{font-size: 18px;color: #fff;font-weight: 300;text-transform: uppercase;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: center;}
.topusernav li.logout a span{display:block;padding:8px 10px;background:#0099d4;}
.menuNavigation{padding:15px 0;border-top:1px solid #fff;}
.menuNavigation ul{display: -ms-flexbox;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap;align-items:center;justify-content:space-between;}
.menuNavigation ul li{padding: 0 30px 0 0;}
.topusernav li:last-of-type, .menuNavigation ul li:last-of-type{padding-right: 0;}
.menuNavigation ul li, .menuNavigation ul li a{font-size: 18px;color: #fff;font-weight: 300;text-transform: uppercase;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: center;}
.icons{width:30px;height:30px;display: inline-block;background: url(../images/menu-icons.png) no-repeat;margin-right: 10px;}
.alert_icon{background-position:-110px -10px;}
.chat_icon{background-position:-10px -10px;}
.email_icon{background-position:-60px -10px;}
.setting_icon {background-position:-10px -60px;}
.user_icon{background-position:-60px -60px;}
.menuNavigation ul li.notifiy a,
.menuNavigation ul li.todolist a{position: relative;}
.menuNavigation ul li.notifiy a span{width:20px;height:20px;background:#88d31d;border-radius: 100%;border:1px solid #0066a8;font-size: 8px;line-height: 20px;text-align: center;position: absolute;left:20px;bottom: 0;}
.menuNavigation ul li.todolist a span{width:15px;height:15px;background:#f80303;border-radius: 100%;border:1px solid #0066a8;font-size: 10px;line-height: 15px;text-align: center;position: absolute;left:20px;bottom: 0;}

.bodytopSec{position: relative;margin-top:0;margin-bottom: 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; display:-ms-flexbox;align-items: center;}
.bodytopSec > div.col{margin-top:0;margin-bottom:0;padding-top: 30px;padding-bottom: 30px;}
.form-group{position: relative;margin-bottom: 20px;}
.form-control{width: 100%;border:1px solid #000;border-radius: 0;background:#fff;height: 45px;padding: 0 20px;box-sizing: border-box;min-width: 70px;}
.form-control:hover, .form-control:focus{outline: none;box-shadow:none;}
.selectbox{background:#d1d2d4;margin-bottom: 0;}
.selectbox:after{content:'';width: 30px;height: 30px;background: url(../images/down-arrow.png) no-repeat;position:absolute;right: 5px;top:6px;}
.selectbox span{width:15px;height:15px;background:#88d31d;border-radius: 100%;font-size: 10px;line-height: 15px;text-align: center;position: absolute;left:-10px;top:-10px;z-index:10;}
.selectbox select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background: transparent;position: relative;z-index: 9;font-size: 18px;font-weight: 400;}

.buttonDiv{display: block;text-align: right;}
.go_btn{width: 50px;height: 50px;background:#0066a8;border-radius: 100%;display: inline-flex;justify-content: center;align-items: center;font-size: 18px;color: #fff;position: relative;}
.go_btn span{width:15px;height:15px;background:#88d31d;border-radius: 100%;font-size: 10px;line-height: 15px;text-align: center;position: absolute;left:-7px;top:5px;z-index:10;}

.tableTitle{background: #f1f1f1;padding:30px 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: center;}
.heading h3{font-size: 26px;color: #000;font-weight: 700;text-align: left;}
.btn{background:#0066a8;display: inline-block;min-width:250px;border:0;border-radius: 0;padding: 0 20px;font-size: 18px;color: #fff;position: relative;margin: 5px}
.clientBtn.btn span{width:15px;height:15px;background:#88d31d;border-radius: 100%;font-size: 10px;line-height: 15px;text-align: center;position: absolute;left:-10px;top:-10px;z-index:10;}


.form-head{background:#d1d2d4;padding:10px 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: center;}
.buttonDiv .editDeltebtn{background: transparent;min-width:inherit;font-size: 16px;color: #000;font-weight: 400;display: inline-block;cursor: pointer;position: relative;}
.buttonDiv .editDeltebtn span{width:15px;height:15px;background:#88d31d;border-radius: 100%;font-size: 10px;line-height: 15px;text-align: center;position: absolute;left:7px;top:5px;z-index:10;color:#fff;}
.form-head .subhead, .form-head .buttonDiv{margin-top:0;margin-bottom: 0;}
.form-head .subhead p{font-size: 18px;margin-top: 10px;}
.deleteIcon{background: url(../images/delete.png) no-repeat;margin-right: 10px;background-size: cover;width: 20px;height: 20px;}
.editIcon{background: url(../images/edit-button.png) no-repeat;margin-right: 10px;background-size: cover;width: 20px;height: 20px;}
.formmain{padding: 30px 0;}
.formmain div.col{margin-top: 0;margin-bottom: 0;}
.formmain .heading h4{font-size: 18px;color: #000;margin-bottom: 15px;}
.formmain .form-group .form-control{padding: 8px 20px;}
.formmain .form-group textarea.form-control{height: auto;min-height:100px;}
.radiobox{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: center;padding: 10px 0;}
.radiobox label{display:inline-block;margin-right: 10px;}
.radiobox input[type="radio"]{width: 18px;height: 18px;border:1px solid #ccc;border-radius: 100%;margin-right: 10px;position: relative;}
.radiobox input[type="radio"]:focus{outline: none;}
.radiobox input[type="radio"]:focus, .radiobox input[type="radio"]:checked{border-color: #88d31d;}
.radiobox input[type="radio"]:checked:after{content: '';width:11px;height:11px;background: #88d31d;border-radius: 100%;position: absolute;left:4px;top:4px;}


.formtablemain{position: relative;}
.formtablemain:before{content: '';width: 100%;height:35px;background: #d1d2d4;position: absolute;top:0%;z-index: -1;}
.formtablemain table.table{width:100%;padding: 0;margin:0;}
.formtablemain table.table thead{background:#d1d2d4;}
.formtablemain table.table thead tr th{padding:8px;text-align:left;width:20%;}
.formtablemain table.table tbody tr td{padding:10px;text-align:left;}

a.btn_status{display: inline-block;min-width: 120px;background:#d1d2d4;border-radius:0;text-align: center;padding: 5px;color:#fff;text-transform: uppercase;font-weight: 700;}
a.online{background: #8ec741;}



/*Table page css */
.bodytopSec .heading{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; display: -ms-flexbox;align-items: center;}
.bodytopSec .heading h3{margin-right:20px;}
.tableMain{padding:50px 0;background: #f1f1f1;}
.tableMain .table{border:1px solid #d1d2d4;background: #fff;}
.tableMain .table thead{background: #0061a0;}
.tableMain .table tbody tr:not(.highlight_3):nth-child(even){background: #f3f3f3;}
.tableMain .table thead tr th{padding:10px 10px 10px 10px;text-align:center;font-size: 15px;color: #fff;}
.tableMain .table tbody tr td{padding:10px 10px 10px 10px;text-align:center;border-right:0px solid #d1d2d4;border-bottom:0px solid #d1d2d4;}
.tableMain .table tbody tr td.btndiv{width:200px;}
.tableMain .table tbody tr td.btndiv a.editdeleteBtn{display:inline-block;width: 30px;height: 30px;background: transparent;min-width: inherit;}
.tableMain .table tbody tr td.btndiv a.editdeleteBtn img{width:30px;height: auto;}

.tableMain .table tbody tr td:first-child{white-space: nowrap;}

.titleSec{background: #f1f1f1}
.titleSech{background: #fff}

/*Upload file button desing */
.filebtn{display: flex;margin-right: 20px; margin-bottom:25px;}
.filebtn label{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: center;}
.inputfile {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;outline: none;box-shadow: none;}
.inputfile + label {max-width:100%;font-size:14px; font-weight: 700;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;display:flex;overflow: hidden;padding: 0.625rem 1.25rem;/* 10px 20px */}
.inputfile:focus + label,
.inputfile.has-focus + label {outline: 1px dotted #000;outline: -webkit-focus-ring-color auto 5px;}
.uploadicons{width:30px;height:30px;display: inline-block;background: url(../images/upload-file-icon.png) no-repeat;margin-right: 10px;}
.downloadicons{width:30px;height:30px;display: inline-block;background: url(../images/download-icon.png) no-repeat;margin-right: 10px;}



.modalbtn{border:0;background: #0066a8;padding:5px 20px;color:#fff;border-radius: 0; }
/* The Modal (background) */
.modal {display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}

/* Modal Content/Box */
.modal-content {background-color: #fefefe;margin: 15% auto;padding:0px;border: 1px solid #888;width:60%;}
/* The Close Button */
.modal-header{position: relative;padding: 10px;background: #f1f1f1;}
.modal-body{padding:15px;}
.modal-header h3{font-size: 18px;}
.modal-header .close {color: #aaa; float: right; font-size: 28px; font-weight: bold;position: absolute;right:10px;top:0px;}
.close:hover,
.close:focus {color: black;text-decoration: none;cursor: pointer;}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;}
.clientBtn img{width:40px;}
.radiobox input[type="radio"]:checked:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #88d31d;
    border-radius: 100%;
    position: absolute;
    left: 3px;
    top: 3px;}
.radiobox input[type="radio"] {
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    border-radius: 100%;
    margin-right: 10px;
    position: relative;
    appearance: none;
    -moz-appearance: none;
}

.btn {
    background: #0066a8 !important;
    display: inline-flex;
    min-width: 250px;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 10px !important;
    min-height: 45px !important;
    font-size: 18px !important;
    color: #fff !important;
    position: relative;
    align-items: center;
    justify-content: center;
    font-weight: normal !important;
    text-transform: none !important;
}

.btn:hover, .btnDiv input:hover, .save:disabled {background:rgba(0, 101, 168, 0.7)!important;}

.btn:disabled {
    color:rgb(150, 150, 150);
    cursor: not-allowed
}

 .calendar {z-index: 9999 !important;  }

 .blueBgSec{background: #ccebf6;padding:0 15px;}
.to_do_list_inner{background: #fff;}
.card_head{background:#0066a8;padding:8px;}
.card_head h4{font-size: 24px;color: #fff;font-weight:900;position: relative;display:flex;align-items: center;}
.card_head h4 span{position: absolute;right:5px;font-size: 16px;color: #fff;font-weight: 400;}
.card_body{padding: 10px 15px;}
.to_do_list{position: relative;padding-bottom: 15px;margin-bottom:15px;border-bottom: 1px solid #000;}
.to_do_list:last-of-type{border-bottom: 0;}
.to_do_list:after{content: '';clear: both;width:0;height: 0;display: table;visibility: hidden;}
.to_do_list span{font-size: 12px;color: #000;}
.to_do_list h3{font-size: 28px;color: #000;font-weight:700;text-transform: uppercase;margin-bottom:20px;}
.to_do_list p{font-size: 20px;color: #000;font-weight: 400;margin-bottom: 15px;}
.to_do_list a.startBtn{display: inline-block;float: right;background:#88d31d;font-size:18px;color: #fff;font-weight: 400;text-align: center;padding: 8px 20px;text-transform: uppercase;}
.to_do_edit{width: 50px;position: absolute;right:0px;top:10px;display: block;}
.to_do_edit a{width:40px;height: 40px;display: block;margin-bottom: 15px;margin:0 auto;}
.to_do_edit a img{width: 40px;height: auto;}
.u-btnDiv{display: flex;margin-bottom:20px;justify-content: center;flex:wrap;flex-direction: row;}
.u-btnDiv .btn{display: inline-block;min-width:inherit;padding:0 30px;margin: 0 15px 0 0; overflow: hidden}
.to_do_list a.NextBtn{background: transparent;padding: 0;}
.to_do_list a.NextBtn img{width: 40px;}
.user_details{display: inline-flex;align-items: center;}
.user_details img{width: 40px;}
.d-flex{display: flex;}
.align-flex-end{align-items: flex-end;}
.inprogressInner .to_do_list{}
.pro-btn{display: flex;flex-wrap: nowrap;}
.pro-btn button{border:0;border-radius:0;background:#88d31d;padding: 6px 12px;margin:0 10px 0 0;font-size: 16px;color: #fff;font-weight: 700;min-width:115px;cursor: pointer;}
.pro-btn button:disabled{background:#b2d1e5;}
.pro-btn button.disabled{background:#b2d1e5;}
.pro-btn button.danger{background:#ff0000;}
.pro-btn button.sucess{background:#88d31d;}
.to_do_list_main >div{margin-bottom: 30px;}
.to_do_list{    padding-right: 50px;}
.button-disabled{background:#b2d1e5 !important;cursor: not-allowed}

@media only screen and (max-width : 600px) {
.u-btnDiv{display:block;text-align: center;}
.u-btnDiv button.btn{margin-bottom:15px;display: inline-block;}
.to_do_list{padding-right: 40px;}
}

/*03-12-2020*/
.model-sm{width: 40% !important;}
.airhandle{z-index: 999;}
.airhandle .modal-header{}
.airhandle .modal-header:after{content:'';clear: both;width:0;height:0;display: table;visibility: hidden;}
.airhandle .modal-header h3{display: inline-block;margin-top: 10px;}
.modal-header .close {display:block;color: #aaa; font-size: 28px; font-weight: bold;position: absolute;right:10px;top:0px;}
.rightCols{float:right;padding-right: 30px;}
.model-sm{width: 40%;}
.content-modal > div{margin-bottom: 30px;}
.content-modal hr{margin:10px 0;}
.content-modal h4{font-size:18px;color: #000;font-weight: 700;text-align: left;text-transform: uppercase;padding-bottom:0;margin-bottom:0px;}
.content-modal p{font-size: 15px;color: #000;font-weight: 400;text-align: left;margin-bottom: 15px;overflow-wrap: break-word;}

.content-modal .col.grid_6_of_12{margin-top: 0;}
.content-modal ul{margin: 10px 0 15px;}
.content-modal ul li{font-size: 16px;color: #000;font-weight: 400;line-height: 1;}
.content-modal ul li small{font-weight:700;font-size: 12px;text-transform: uppercase;}
.content-modal > div.notes p{font-size: 15px;color: #000;font-weight: 400;text-align: left;margin-bottom: 15px;}

.boxblue {  border: 2px solid #247dc1;   padding: 0 10px;   border-radius: 10px; margin: 10px 0; }
.boxgreen { border: 2px solid #88d31d;   padding: 0 10px;   border-radius: 10px; margin: 10px 0; }
.textblue{ color: #247dc1; }
.textgreen { color: #88d31d; }

.boxorange {  border: 2px solid #ff714d;   padding: 0 10px;   border-radius: 10px; margin: 10px 0; }
.boxpink { border: 2px solid #ff4d8c;   padding: 0 10px;   border-radius: 10px; margin: 10px 0; }
.textorange{ color: #ff714d; }
.textpink { color: #ff4d8c; }

.boxborder { border: 2px solid;   padding: 0 10px;   border-radius: 10px; margin: 10px 0; }
.reviewtextarea { width:100%; margin:10px 0; height:100px; border:2px solid; }
.padding10{ padding:10px 0; }
.submitlist-icon{position:relative !important; padding:0 0 0 40px;}
.submitlist-icon:before{content:'';width:30px;height:30px;background:url(../images/next-arrow.png);position:absolute;left:0;top:-3px;}
.popuphight{height:90%; overflow-y:scroll; padding:0 40px 0 0; }
.autoheight{height:auto;  overflow: hidden; resize: none;}
.bgf{background: #0099d4; color:#fff;}
.bgf a{color:#fff}
.bgf p{color:#fff}
.oddassigntr{background: #e4f1df !important;}
.evenassigntr{background: #d7ebd6 !important;}
.to_do_list_caps{position: absolute;width:100%;height: 100%;display: flex;justify-content: center;align-items: center;left:0;top:0;background: rgba(0,0,0,0.5); z-index:3;}
.to_do_list_caps p{font-size:28px;color: #fff;text-align: center;padding:0 20px;}

.to_do_list_caps span{font-size:18px;color: #fff;text-align: center;padding:0 20px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .radiobox input[type="radio"]:checked:after{left:4px;top:4px;}
}

radiobox input[type="radio"]:checked:after{
left:0;right:0;top:0;bottom:0;margin:auto;
}

.dayscal{
  padding-top: 5px;
  font-weight: bold;
  color:#247dc1;
  float:right;
}
.dayscalleft{
  position: absolute;
  padding-top: 20px;
  padding-right:80px;
  font-weight: bold;
  color:#247dc1;
  left:0px;
}

tableMain .table tbody tr td img{position:relative;vertical-align:middle;margin-top:-2px;}

.nobreak{word-break:normal !important;}
.greenrowbg{background:#88d31d !important;}
textarea{overflow-wrap:normal !important;}

.betatest {
  background-color: black;
  padding: 5px;
}

.menuNavigation.betatest a {
  font-size:.8em;
  color: white;
}

.menuNavigation.betatest a:hover {
  color: red
}

#refresh_date_container {
  position: fixed;
  top:0px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 25%;
  z-index: 999999;
}

.refresh_date_container_animation {
  animation: bounce 2s;
}

@keyframes bounce {
    0% {
        top: 50%;
    }
    100% {
        top:0px;
    }
}

.refresh_date {
  background:rgba(0, 128, 0, 0.5);
  color:#FFF;
  text-align: center;
  padding: 0 5px;
}

.notify_time_refreshed {
  animation: background-fade 3s forwards;
}

@keyframes background-fade {
    0% {
        background:rgba(0, 128, 0, 1);
    }
    100% {
        background:rgba(0, 128, 0, 0.5);
    }
}

#termsdiv h1 {
        font-size: 2em;
        padding: 10px 5px;
      }
    
    #termsdiv p {
      padding:5px;
    }
    
    #termsdiv strong, #termsdiv b {
        font-weight: bold;
    }
    
.sortable {
  cursor: pointer
}

.sortable:after {
  content: '\f0dc'; /* FontAwesome Unicode for fa-angle-up */
  font-family: 'Font Awesome 5 Free';
  margin-left: 5px;
}