@CHARSET "ISO-8859-1";

:root{
    --primary-color:#647a84;
    --primary-color-08:rgba(100, 122, 132,0.8);
    --primary-color-06:rgba(100, 122, 132,0.6);
    --primary-color-04:rgba(100, 122, 132,0.4);
    --primary-color-02:rgba(100, 122, 132,0.2);

    --secondary-green:#a8d3af;
    --secondary-green-08:rgba(168, 211, 175,0.8);
    --secondary-green-06:rgba(168, 211, 175,0.6);
    --secondary-green-04:rgba(168, 211, 175,0.4);
    --secondary-green-02:rgba(168, 211, 175,0.2);
    --secondary-green-10:rgba(168, 211, 175,1.0);

    --secondary-yellow:#f1e967;
    --secondary-yellow-08:rgba(241, 233, 103,0.8);
    --secondary-yellow-06:rgba(241, 233, 103,0.6);
    --secondary-yellow-04:rgba(241, 233, 103,0.4);
    --secondary-yellow-02:rgba(241, 233, 103,0.2);

    --secondary-red:#ea5160;
    --secondary-red-08:rgba(234, 81, 96,0.8);
    --secondary-red-06:rgba(234, 81, 96,0.6);
    --secondary-red-04:rgba(234, 81, 96,0.4);
    --secondary-red-02:rgba(234, 81, 96,0.2);

    --action: #ea5160;
    --action-hover: #f07c88;
    --action-ultra-light: #fce8ea;
    --action-light: #f7bbc1;
    --action-medium: #e41b2f;
    --action-dark: #720d17;
    --action-ultra-dark: #2e0509;
    --action-comp: #53eadb;
    --primary: #a8d3af;
    --primary-hover: #cce6d1;
    --primary-ultra-light: #eef6ef;
    --primary-light: #cce5d0;
    --primary-medium: #55aa63;
    --primary-dark: #2b5532;
    --primary-ultra-dark: #112214;
    --primary-comp: #d3a7cb;
    --secondary: #f1e967;
    --secondary-hover: #f5f094;
    --secondary-ultra-light: #fdfce8;
    --secondary-light: #f8f5b9;
    --secondary-medium: #e9df16;
    --secondary-dark: #756f0b;
    --secondary-ultra-dark: #2f2d04;
    --secondary-comp: #656cf1;

    --base: #647a84;
    --base-hover: #738a95;
    --base-ultra-light: #f0f3f4;
    --base-light: #d3dbde;
    --base-medium: #6e8691;
    --base-dark: #374349;
    --base-ultra-dark: #161b1d;
    --base-comp: #836d63;
    --white: #fff;
    --black: #000;
    --shade: #000000;
    --shade-hover: black;
    --shade-ultra-light: #f2f2f2;
    --shade-light: #d9d9d9;
    --shade-medium: gray;
    --shade-dark: #404040;
    --shade-ultra-dark: #1a1a1a;
    --shade-comp: black;
}

body{font-family:"latoregular","latosemibold","latoblack";    
    font-size:16px;
    line-height:1.8;
}
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
	    url('../fonts/lato-regular-webfont.woff2') format('woff2'), url('../fonts/lato-regular-webfont.woff') format('woff'),
	    url('../fonts/lato-regular-webfont.ttf') format('truetype'), url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family: 'latomedium';
    src: url('../fonts/lato-medium-webfont.eot');
    src: url('../fonts/lato-medium-webfont.eot?#iefix') format('embedded-opentype'),
	    url('../fonts/lato-medium-webfont.woff2') format('woff2'), url('../fonts/lato-medium-webfont.woff') format('woff'),
	    url('../fonts/lato-medium-webfont.ttf') format('truetype'), url('../fonts/lato-medium-webfont.svg#latomedium') format('svg');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
	    url('../fonts/lato-bold-webfont.woff2') format('woff2'), url('../fonts/lato-bold-webfont.woff') format('woff'),
	    url('../fonts/lato-bold-webfont.ttf') format('truetype'), url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family: 'latosemibold';
    src: url('../fonts/lato-semibold-webfont.eot');
    src: url('../fonts/lato-semibold-webfont.eot?#iefix') format('embedded-opentype'),
	    url('../fonts/lato-semibold-webfont.woff2') format('woff2'), url('../fonts/lato-semibold-webfont.woff') format('woff'),
	    url('../fonts/lato-semibold-webfont.ttf') format('truetype'), url('../fonts/lato-semibold-webfont.svg#latosemibold') format('svg');
    font-weight:normal;font-style:normal;
}

.reset-padding{padding:0!important;}
.reset-margin{margin:0!important;}

#page-wrapper{background-color:#fff;}

.siteLogo img{width:100%;max-width:250px;}

button.webBTN{background:var(--primary-color-08);border-color:var(--primary-color-08);color:#fff;border-radius:0px!important;text-transform:uppercase;font-family:latoregular;font-size:14px;}
button.webBTN:hover,
button.webBTN:focus,
button.webBTN.selected{background:var(--primary-color-08);border-color:var(--primary-color-08);}

.login-bg{background-color:#3b5772;}

.login-form{padding:0px 30px;}
.login-form .form-control{height:43px;padding:7px 18px;border:1px solid #000;background-color:#2f465c;color:#fff;font-family:latoregular;font-size:13px;}
.login-form .btn-link{color:#fff;letter-spacing:1px;}
.login-form .form-group{margin-bottom:22px;}
.login-form button.btn-new.webBTN{margin-top:5px;border-radius:5px!important;}

.page-center{width:350px;margin:25% auto 0 auto;text-align:center;border-radius:5px;padding-bottom:30px;z-index:99;}

.page-center-forgot{max-width:500px;margin:15% auto 0 auto;border-radius:5px;padding-bottom:30px;text-align:center;z-index:99;}
.page-center-forgot .logo{padding:54px 30px 10px 30px;}
.page-center-forgot h3{color:#ffffff;font-family:latoregular;font-size:24px;}
.page-center-forgot p{color:#e7e7e7;font-family:latoregular;font-size:14px;}
.page-center-forgot button{background:var(--primary-color-08);border-color:var(--primary-color-08);font-family:latoregular;}

/* Nav Bar */
.navbar-static-top{background:var(--primary-color);}
iframe header.navbar-static-top{display: none !important;}
.sidebar{background-color:#fff;border-color:#e1e1e1;}
.sidebar-nav{border-color:#e1e1e1;}
.sidebar-nav a{border-color:#e1e1e1;color:var(--primary-color);}
.dropdown .dropdown-toggle{color:#fff;}

/* TOP NAV */
.sidenav{width:200px;height:100%;position:absolute;top:50px;left:-200px;background-color:#ffffff;
    z-index: 9999;
    overflow-x:hidden;
    transition:0.5s;    
    box-shadow:0 0 4px #d9d9d9;
}
.show-div-width{left:0;}
.sidenav a{padding:8px 8px 8px 32px;display:block;text-decoration:none;color:var(--primary-color-08);border-color:#e1e1e1;
    transition:0.3s;
}
.sidenav a:hover,
.offcanvas a:focus{background-color:#F6F6F6;color:var(--primary-color-08);}
.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px;}
#main{transition: margin-left .5s;}

.top-nav-cust>li>a:focus, 
.top-nav-cust>li>a:hover{background-color:transparent;color:#fff;}
.top-nav-cust .open>a, 
.top-nav-cust .open>a:focus, 
.top-nav-cust .open>a:hover{background-color:transparent;color:#fff;}
.top-nav-cust .dropdown-toggle i{font-size:12px;}

@media screen and (max-height: 450px) {
    .sidenav{padding-top:15px;}
}
#mySidenav.sidenav.show-div-width{
    width:250px;
}

.pageTitle{font-family:'latomedium';font-size:24px;color:#3b5772;text-transform:uppercase;}

/* User */
.inputDiv{position:relative;margin-bottom:25px;}
.inputDiv .inputField{height:45px;padding-right:25px;border-color:#7a7a7a;}
.inputDiv .textArea{padding-right:25px;border-color:#7a7a7a;}
.inputDiv > i{color:var(--primary-color-08);font-size:18px;position:absolute;top:13px;right:25px;pointer-events:none;}
.inputDiv .inputField.datepicker{padding-left:12px;}

.inputField::-webkit-input-placeholder{font-family:latoregular;color:#555252;letter-spacing:0.3px;opacity:0.8;}
.inputField:-moz-placeholder{font-family:latoregular;color:#555252;letter-spacing:0.3px;opacity:0.8;}
.inputField::-moz-placeholder{font-family:latoregular;color:#555252;letter-spacing:0.3px;opacity:0.8;}
.inputField:-ms-input-placeholder{font-family:latoregular;color:#555252;letter-spacing:0.3px;opacity:0.8;}

.inputField:focus::-webkit-input-placeholder { color:transparent; }
.inputField:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
.inputField:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
.inputField:focus:-ms-input-placeholder { color:transparent; }

/* .inputSearch.inputDiv select{background:#fff url("../../images/down-arrow.png") no-repeat 97% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;    
} */

.inputSearch.inputDiv select{background:#fff url("../../images/down-arrow.png") no-repeat 97% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;    
}

select#country{padding-left:7px;}
select#country option{padding:1px 10px;}
.inputDiv select.country{text-indent:1px;text-overflow: '';
    -webkit-appearance: none;
    -moz-appearance: none;    
}

body .btn-max-width-fit-content {
    max-width: fit-content !important;
    width:100%!important;
    border-radius:50em!important;
    text-align:center;
    outline: none!important;
    border: none!important;
}

body .btn,
body .user-list-line a,
body a.addBTN,body .btn-blue{
    max-width:250px!important;
    width:100%!important;
    border-radius:50em!important;
    text-align:center;}

body .msBtn{max-width:none!important;background-color:var(--primary-color)}

.userformOuter_div{max-width:750px;}
.updateBTN,
.cancelBTN,
.sendBTN{display:inline-block;padding-top:10px;}
.updateBTN input,
.sendBTN input{background:var(--primary-color);border:none;color:#fff;font-size:14px;padding:4px 15px;border-radius:50em;width:100%;}
.sendBTN input{background:#3b5772;}
.updateBTN input:hover{color:#fff;background:var(--secondary-green);border:1px solid var(--secondary-green);}
.cancelBTN a.cancel{background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:50em;color:white;display:block;font-size:14px;line-height:100%;padding:9px 15px;text-align:center;}
.cancelBTN a.cancel:hover,
.cancelBTN a.cancel:focus{color:#fff;background:var(--secondary-green);border:1px solid var(--secondary-green);}
.save-user{margin-bottom:20px;}

a.addBTN,.btn-blue{background:var(--primary-color);border:1px solid var(--primary-color);border-radius:4px!important;color:#fff;display:inline-block;font-family:latoregular;font-size:14px;
    margin:5px 0 0 15px;padding:6px 12px;text-transform:none;}
.btn-blue{border:none;width:100%;margin:0px;padding:6px 12px}
a.addBTN:hover,.btn-blue:hover{color:#fff;/*opacity:0.8*/ background-color:var(--secondary-green);}


/* Edit Profile */
#inputImage{background-color:#fff;background-image:url("../img/plus-icon.png");height:90px;text-indent:-9999px;width:90px;border:2px dashed #7a7a7a;
		   				background-position:center center;background-repeat:no-repeat;cursor:pointer;}
.removeImage1_img{color:red;cursor:pointer;font-size:14px;padding-left:5px;position:absolute;top:23px;}
.hasImage1  #inputImage,
.noImage1 #inputImage1_preview,
.noImage1 .removeImage1_img{display:none;}
.profileImage{background:#f9f9f9;margin:0 0 20px 15px;padding:15px;max-width:690px;border-radius:10px}
.profileImg_inner{background:#fff;border:1px dotted #565656;padding:10px 0;}
#appearanceImage{display:inline-block;max-width:130px;width:100%;}
.profileImage .profileTxt{font-family:latoregular;font-size:15px;display:inline-block;max-width:200px;text-align:center;width:100%;}		   				

.tableDesign_list table{background-color:#fff;}
.tableDesign_list .table-responsive{border-top:1px solid #ebe9e9;}
.tableDesign_list .mainTr > td{border-top:none;border-bottom:1px solid #ebe9e9;vertical-align: middle;}
.tableDesign_list .userDetails td{border-top:none;color:#647a84;font-family:latosemibold;font-size:13px;padding-top:0;padding-bottom:15px;}
.tableDesign_list .userName td,.tableDesign_list div.userName{border-top:none;
    font-family:"latoregular","latosemibold","latoblack";font-size:16px;text-transform:lowercase;width:100%;}
.tableDesign_list .userName td,.tableDesign_list div.userName{padding-top:5px;padding-left:5px;}
.tableDesign_list .userName td a,.tableDesign_list div.userName a{color:#333;}
 a.ussername {text-transform: uppercase;color:var(--primary-color-08) !important;}
.tableDesign_list .userDetails td:first-child{padding-left: 5px;padding-right: 10px;}
.tableDesign_list .userDetails .userActions a{color:var(--primary-color-08);font-size:18px;margin:0 3px;}
.tableDesign_list .userDetails .userCount{text-align:center;vertical-align:middle;}
.tableDesign_list .userDetails .userCount span{background-color:#454545;border-radius:2px;color:#ffffff;padding:2px 15px;
    font-family:latobold;font-size:11px;text-align:center;text-transform:uppercase;}
    .tableDesign_list div.userName{
        border-top: none;
        font-family: "latoregular","latosemibold","latoblack";
        font-size: 16px;
        text-transform: none;
        width: 100%;
        line-height: 1.8;
        color: #333;
    }
.pagination>li>a, .pagination>li>span{color:var(--primary-color-08);background-color:#fff;font-size:14px;}

.search-btn{background-color: transparent !important;
    border: none !important;
    color: var(--primary-color-08) !important;
    float: right !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.search .input-group-btn .btn{background-color:transparent !important;color:var(--primary-color);font-size:18px !important;}
.search input#filter{border-bottom:1px solid var(--primary-color-08) !important;border-radius:0;padding:5px 25px 5px 5px;}
.search .input-group-btn button.btn{margin-left:-27px;padding:0 0 5px 5px;z-index:53;}
.search form.navbar-form{margin-top:0;}
.search{float:right;}
.form-search .input-group .form-control{border-radius: 4px!important;}

nav #side-menu li a{font-size:14px;}
nav #side-menu li.has_subMenu ul.subMenu{list-style:none;padding-left:23px;padding-bottom:7px;}
nav #side-menu li.has_subMenu.clicked{background:#f6f6f6;}
nav #side-menu li.has_subMenu.active{background:#f6f6f6;}
nav #side-menu li.has_subMenu.active ul.subMenu{display:block;}
nav #side-menu li.has_subMenu a:focus{color:var(--primary-color-08);}
nav #side-menu li.has_subMenu ul.subMenu li{border-bottom:none;}
nav #side-menu li.has_subMenu ul.subMenu li a{color:#556d85;font-family:latoregular;font-size:15px;}

nav #side-menu li.has_subMenu a{padding-bottom:10px;}
nav #side-menu li.has_subMenu ul.subMenu li{padding-left:2px;padding-bottom:7px;}
nav #side-menu li.has_subMenu ul.subMenu li a{padding:0;color:var(--primary-color);}
nav #side-menu li.has_subMenu ul.subMenu li a:hover,nav #side-menu li.has_subMenu ul.subMenu li a.active{color:var(--primary-color-08);background:transparent}

/* Footer */
footer .modal-footer{background:#ffffff;}
footer .modal-footer {color:#777;padding:15px 0;margin-top:0px;}
footer .modal-footer,
footer .modal-footer a,
footer .modal-footer span{text-transform:uppercase;font-family:latosemibold;font-size:11px;}
footer .modal-footer a{color:var(--primary-color-08);}
footer .modal-footer span{color:#3e414f;}


/* Missions Page */
#missions_filterDiv .inputDiv .inputField{height:34px;border-radius:0;}
#missions_filterDiv .inputDiv i{right:12px;top:7px;color:#555252;}
#missions_filterDiv select{border-radius:0;color:#555252;border-color:#555252;}
#missions_filterDiv .form-group{margin-right:5px;}

#missionsList table{background-color:#f8f7f7;}
#missionsList tr.maintr table tr td:first-child{padding-left:10px}
#missionsList tr td > i{color:var(--primary-color-08);font-size:16px;}
#missionsList .empName{color:var(--primary-color-08);font-family:latosemibold;font-size:20px;}
#missionsList .missionActions{text-align:center;}
#missionsList .missionActions a{min-width:190px;text-transform:none;width:auto !important;max-width: 190px !important; }
.page-lang-pt #missionsList .missionActions a{min-width:198px;}
#missionsList .workDates,
#missionsList .custAddr,
#missionsList .custName{font-size:15px;color:#555252;}
#missionsList .missionNotes{font-size:13px;color:#555252;}


/* My Mission */
.mymission table tr td{border-top:none!important;}
.mymission .tableDesign_list .table-responsive{border-top:1px solid #f8f7f7!important;}

/*STATUS CSS*/
.mymission .missionActions .processing.process_0{background:#3b5772!important;color:#fff!important;padding:2px 12px;border-radius:5px;line-height:100%!important;font-size:12px!important;}
.mymission .missionActions .processing.process_1{background:#2a92a9!important;color:#fff!important;padding:2px 12px;border-radius:5px;line-height:100%!important;font-size:12px!important;}
.mymission .missionActions .processing.process_2{background:#a92a53!important;color:#fff!important;padding:2px 12px;border-radius:5px;line-height:100%!important;font-size:12px!important;}
.mymission .missionActions .processing.process_3{font-size:12px!important;color:#fff!important;background:#39a92a!important;padding:2px 12px;border-radius:5px;line-height:100%!important;}

.mymission .missionActions{padding-bottom:15px;}
.mymission .missionActions .viewmiss{padding-left:30px;}
.mymission .table-responsive .table .maintr{border-bottom:1px solid #e0e0e0;}
.mymission.tableDesign_list .table-responsive{border-top:none!important;}
.whiteborder{height:5px;background:#fff;padding:0px!important;}

/* SEARCH FORM */
.search-form {background-color: #f8f7f7;border: 1px solid #e3e3e3;margin-top: 20px}
.search-form .form-group{padding-right: 15px;}

.inputSearch {position:relative;margin: 20px 0px;}
.inputSearch i{color:var(--primary-color-08);font-size:18px;position:absolute;top:7px;right:25px;pointer-events:none;}

/*COMPANY INFO*/
.company-info, .company-no-data{background-color: #f8f7f7;font-family: latosemibold;}
.company-info h3{text-transform:uppercase;color:var(--primary-color-08);font-size:20px;margin-top:5px;}
.company-info h3 .download-btn a{color: var(--primary-color-08);font-size: 24px;}
.company-info h3 .download-btn i{padding-right: 15px;}
.company-info .download-btn a{color: var(--primary-color-08);font-size: 24px;}
.company-info .download-btn i{padding-right: 15px;}
.company-info p{color: #3b5772;font-size: 14px;}

.company-no-data {height: 350px;display: table;}
.company-no-data h3{text-transform: uppercase;color: var(--primary-color-08);font-size: 20px;margin-bottom: 20px;vertical-align: middle;display: table-cell;}

/*EMPLOYEE INFO*/
.employee-info{margin-top:20px;}
.employee-info i{color:var(--primary-color-08);font-size:18px;}
.employee-info p,
.employee-info .working-date{text-transform:uppercase;}
.employee-info .working-date,
.employee-info .time-sheet table th{color:#555252;font-size:14px;font-family:latobold;}
.employee-info .time-sheet table td{color:#3b5772;font-size:14px;font-family:latobold;}
.employee-info .time-sheet table td.not-worked{color: #ff0000;}
.employee-info .time-sheet table tr.total-working td{font-size: 18px;}

.employee-info p span{color: #3b5772;font-size: 18px; font-family: latosemibold;}
.emp_pgTitle{text-transform:capitalize;font-size:21px;}

.navigator{font-size:24px;color:var(--primary-color-08);}

/* VIEW MISSION */
.employee-info .employee-details{padding-bottom:20px;}
.employee-info .employee-notes{font-family:latoregular;color:#3b5772;padding-left:23px;line-height:21px;}

.employee-time-sheet .week-title{color: #3b5772;font-family: latosemibold;font-size: 18px;}
.employee-time-sheet .btn-white{border-radius: 4px; border-color: #e0e0e0;min-width: 80px;background-color: #fff;}
.employee-time-sheet .time-sheet-header{padding-top: 20px;padding-bottom: 20px}
.employee-time-sheet{background-color:#f7f7f7;margin-bottom:15px;}
.employee-time-sheet i{color:#7e7e7e;}

.userHeading_sec .employee-info .employee-details{font-family:latobold;font-size:14px;}
.userHeading_sec .fieldLabel{color:#555252;padding:0 5px;}
.userHeading_sec .fieldTxt{color:#3b5772;padding-right:5px;}

.missionInfo .fieldLabel{font-family:latobold;font-size:14px;color:#555252;}
.missionInfo .fieldLabel i{padding-right:5px;}
.missionInfo .fieldTxt{font-family:latosemibold;font-size:16px;color:#3b5772;}
.missionInfo .fieldTxt .employee-details{padding-left:21px;}




.viewMission .startDate,
.viewMission .endDate{display:inline-block;}

.fieldLabel{font-family:latobold;font-size:14px;color:#555252;}
.fieldLabel i{padding-right:5px;}
.fieldTxt{font-family:latosemibold;font-size:16px;color:#3b5772;}

.chosen-container-single .chosen-single{background:#ffffff !important;}

/* Chosen Select CSS */
.chosenSelectCSS .chosen-container-single .chosen-single{background:#fff;border-color:#bfbebe;box-shadow:none;border-radius:0;}
.chosenSelectCSS .chosen-container-single .chosen-single div{width:20px;}
.chosenSelectCSS .chosen-container-single .chosen-single div b{background:#fff url("../../images/down-arrow.png") no-repeat scroll 0 11px;}


.inputSearch .form-control{box-shadow:none;border-color:#bfbebe;}

/* Employee Mission */
.employeeAlert{background:#f9f9f9;border:1px solid #D3D3D3;padding:10px 5px;margin-top:15px;border-radius:10px}
/* .employeeAlert{background:#DEE4E8;border:1px solid #647A84;padding:10px 5px;margin-top:15px;} */
/* .employeeAlert{background:#eef7ff;border:1px solid #c7e2fd;padding:10px 5px;margin-top:15px;} */
.employeeAlert.footerAlert{margin-bottom:30px;}
.highlightAlert{color:red;}
/* .alertMessage{text-align:center;color:#5daeff;font-family:latoregular;font-size:12px;line-height:18px;} */
.alertMessage{text-align:center;color:#647A84;font-family:latoregular;font-size:12px;line-height:18px;}

.mission-body{padding-bottom:20px;}
.mission-body .mission-title h3{text-transform: uppercase;color: var(--primary-color-08);font-size: 20px;}
.mission-body .mission-title, .mission-body p{color: #555252;font-size: 14px; font-family: latobold;}
.mission-body .mission-title .datesDiv,
.mission-body .mission-title .datesDiv span{color:#3a5872;}
.mission-body .missionContent{font-family:latoregular;font-size:14px;color:#3a5872;}
.checkInBTN{padding-top:20px;}
.checkInBTN input{height:45px;}

.mission-body h5{color: #3b5772;font-family:latosemibold;font-size: 18px;}
.mission-body .contact-person{padding-top: 20px;}
p.employee-name{color:var(--primary-color-08);font-family:latoregular;font-size:15px;padding:15px 0px 0px 0px}

.empMission_container{padding:25px 0;}
.empWork_mission{color:#3a5872;font-family:latoregular;}
.dayName{font-size:25px;line-height:100%;text-transform: uppercase;}
.daydate{font-size:14px;}
.dayStartTime{font-size:14px;line-height:100%;}

.missionTimepicker.timepicker{width:100%;}
.missionTimepicker{position:relative;margin-bottom:25px;}
.missionTimepicker .inputField{height:45px;padding-right:25px;border-color:#7a7a7a;border-radius:4px!important;}
.missionTimepicker .missionIcon{color:var(--primary-color-08);font-size:18px;position:absolute;top:13px;right:10px;pointer-events:none;}
.countrySettings .missionTimepicker .missionIcon{top:39px;}
/* #empMission_form .updateBTN{max-width:100%;} */
#empMission_form .updateBTN,
#empMission_form .updateBTN input{height:45px;}

#review-page .missionTimepicker.end_time{margin-bottom:15px}
#review-page .show-reason{display:inline-block;margin-bottom:7px;}

.inputDiv select#workReason{text-indent:1px;
	-moz-appearance: none;    
    text-overflow: "";
}
.inputDiv select#workReason option:first-child{color:#555252;}

/* Bootstrap TimePicker Widget Design */
.missionTimepicker .bootstrap-timepicker-widget{max-width:180px;}
.missionTimepicker .bootstrap-timepicker-widget i{color:var(--primary-color-08);}
.missionTimepicker .bootstrap-timepicker-widget table td a{padding:3px 0;}

/*Show Hide Class*/
.has-show{display: block;}
.has-hide{display: none;}

/* .width390{max-width:390px;} */

.has-blur{ -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px);}

.navigator a i{color:var(--primary-color-08);}
.disable-navigate i{color:#888888 !important;}

/*EMPLOYEE TASK LIST*/
#time-reports i{color:var(--primary-color-08);font-size:18px;}
#time-reports .time-action i{color:#3b5772;font-size:18px;}
#time-reports .task-title{font-size:15px;color: var(--primary-color-08);text-transform:uppercase;}
#time-reports .time-list{font-size:14px;color:#555252;text-transform:uppercase;}
#time-reports .company-name{font-size:13px;color:#3b5772;padding-bottom:15px;line-height:100%;}
#time-reports .time-sheet{border-bottom:1px solid #e4e2e2;margin-bottom:10px;}

.timeReports .time-sheet .company-name i{padding-right:5px;}
.timeReports .startTime{font-size:12px;}
.timeReports .endTime{font-size:12px;}
.timeReports .workedHours{display:block;font-size:12px;line-height:100%;}
.timeReports .time-list .time-list_inner i{display:inline-block;float:left;padding-top:12px;}
.timeReports .time-list .timeDetails{display:inline-block;padding-left:7px}
.leave-info label{font-size:15px;text-transform:uppercase}
/*TEXT COLORS */
.color-pending{background-color: #ffd3d2 !important;}
.color-future{background-color: #f1f6fb !important;}
.color-current{background-color: #f3faf2 !important;}
.bootstrap-timepicker-widget table td{padding:1px!important;}
 .settingsForm .butt-settings{text-align:center;padding-top:20px;}

#review-page .butt{text-align:right;font-family:"latoregular","latosemibold","latoblack";font-size:12px;margin-bottom:10px;text-transform:uppercase;}
.showhidebutt {visibility: hidden;}
.showhidebutt > :first-child {visibility: visible;}
.showhidebutt{max-width:720px;width:100%;margin:0 auto;}
.showhidebutt .butt{text-align:right;font-family:"latoregular","latosemibold","latoblack";font-size:12px;margin-bottom:10px;text-transform:uppercase;}

.cperson {position:relative}
.action_button{border:1px solid var(--primary-color-08);border-radius:3px;padding:3px 5px;display:inline-block;cursor:pointer;color:var(--primary-color-08);margin-left:15px;}
.remove-contact{position:absolute;right:0px;font-size:18px;z-index:999;}

.login-bg {
         background-color: var(--primary-color-08);
    }


/*FONT SIZE CLASS*/
.font-14{font-size: 14px}
@media (min-width: 768px) {
	.width390{max-width:700px;margin:0 auto;}
	.col-md-12.col-sm-12.col-xs-12.reset-padding p.employee-name{text-align:center;}
}
@media (max-width: 991px) {
	.employee-time-sheet .btn-white{min-width:43px;}
}

@media (max-width: 767px) {
	.profileImage{margin-left:0;}
	.profileImage .profileTxt{max-width:160px;}
	.width390{max-width:600px;margin:0 auto;}
	/* Site Header Section */
	nav.navbar-static-top div.navbar-header{display:inline-block;width:14%;/*position:static;*/text-align:center;z-index:9;position: absolute;}
	nav.navbar-static-top div.navbar-header button{float:left;}
	nav.navbar-static-top div.siteLogo{display:inline-block;width:49%;text-align:left;}
	nav.navbar-static-top div.siteLogo a.navbar-brand{float:none;display:inline-block;margin:0 auto;}
	nav.navbar-static-top div.siteIcons{display:inline-block;width:100%;text-align:right;}
	nav.navbar-static-top div.siteIcons .dropdown-toggle .user-name,
	nav.navbar-static-top div.siteIcons .dropdown-toggle i.fa-caret-down{display:none;}

    .siteLogo{margin-left:30px;}
    .col-site-icons{position: absolute;top: 0;width: 280px;right: 0;}

	.employee-time-sheet .week-title{line-height:100%;padding-bottom:15px;}

    .super-badge-mobile{position:relative;background-color:#fff!important;border-radius:10px;min-width:30px!important;min-height:30px!important;display:inline-block;line-height:100%;padding:10px!important;
        -webkit-box-shadow: -1px 1px 2px 0px rgba(255,255,255,0.75);-moz-box-shadow: -1px 1px 2px 0px rgba(255,255,255,0.75);box-shadow: -1px 1px 2px 0px rgba(255,255,255,0.75);
        margin-left:10px;color: #337ab7!important;}
    .super-badge-mobile:hover,.super-badge-mobile:active,.super-badge-mobile:focus{background-color:#d9edf7!important;}
    .super-badge-mobile:after{content:"";position:absolute;top:0px;right:0px;width:10px;height:10px;border-radius:50%;
        -webkit-box-shadow: -1px 1px 2px 0px rgba(0,0,0,0.75);-moz-box-shadow: -1px 1px 2px 0px rgba(0,0,0,0.75);box-shadow: -1px 1px 2px 0px rgba(0,0,0,0.75);}
    .super-badge-mobile.super-none:after{content:none;}
    .top-nav-cust .dropdown-toggle i {font-size: 100%;height:18px;}
    .navbar-top-links li a.dropdown-toggle {margin: 0 5px;}
    .current_local_time span{margin-bottom:8px;}

    .navbar .sidebar{display:none;}
    .navbar-right .dropdown-menu {right: 0;left: auto;}
    .animation-wrap .logo-text, .animation-wrap .logo-text-right{
        padding-bottom: 30px;
    }
    a.dropdown-toggle.super-badge-mobile.super-none.user_avatar_pic {
        padding: 3px !important;
    }
    /* .animation-wrap .animated-logo img.mainlogo{
        max-width: 53%;
    } */
    /* span.fast_image img#fast-image{
        max-width: 80px;
    }
    .forward_image img#forward-image{
        max-width: 180px;
    } */
   
}
@media (max-width: 479px) {
	.page-center{width:100%;}
	.login-form{padding:0;}	
	.login-form .form-group{display:block;width:100%;}
	.login-form .emailDiv{margin:0 auto 20px auto;}
	.login-form .submitBTN{text-align:center;}
	.width390{max-width:390px;margin:0 auto;}
	.viewMission .endDate{display:block;padding-left:12px;line-height:100%;}
	a.addnew{margin-top:10px!important;}

    nav.navbar-static-top div.siteLogo{width:50%;margin-left: 21px;padding-top:13px;}
    .navbar-top-links li a.dropdown-toggle {margin: 0 2px;}
    .top-nav-cust .dropdown-toggle i {font-size:90% !important;height:16px;}
    /* .top-nav-cust .dropdown-toggle > img{width:16px!important;} */
    .super-badge,.super-badge-mobile{padding:8px!important;}

    .navbar-right .dropdown-menu {right:-97px!important;}
    ._notification_wrap {min-width:280px!important;}
    a.dropdown-toggle.super-badge-mobile.super-none.user_avatar_pic{
        padding: 1px !important;
    }
}
@media (max-width: 390px) {
    nav.navbar-static-top div.siteLogo{width:50%;margin-left: 21px;padding-top:14px;}
}
@media (max-width: 360px) {
	#appearanceImage{padding:10px 0 5px 15px !important;}
	.removeImage1_img{top:54px;}
     nav.navbar-static-top div.siteLogo {width: 40%;padding-top:14px;}
    .current_local_time span{font-size: 12px;}
}
@media (max-width: 330px) {
    nav.navbar-static-top div.siteLogo{width:38%;margin-left: 21px;padding-top:14px;}
}
.checkbox_highlight {border: 1px solid var(--secondary-red);padding: 15px;background: #f9f9f9;margin-left: 16px;width: 92%;border-radius: 4px;}
.checkbox_highlight label{color:var(--secondary-red);font-size:18px;padding-left:20px;}
#send_notification_no, #send_notification_yes {-ms-transform: scale(1.5);-webkit-transform: scale(1.5);transform: scale(1.5);}
input[type="checkbox"], input[type="radio"] {-ms-transform: scale(1.5);-webkit-transform: scale(1.5);transform: scale(1.5);margin-right: 6px;}
.table{font-size: 16px;}

.tableDesign_list table.colTtl_nw_item{
    background-color:unset !important;
 }

 table.colTtl_nw_item > tbody > tr > td {
    padding-left: 11px;
}

table tbody.admin_user tr td .colTtl_nw_item tr td{
    vertical-align: top !important;
    line-height: normal !important;
    padding-bottom: 5px !important;
}
/* mission start  */
.missionList .colTtl h2{
    font-size: 24px;
    color: #647a84;
    margin-bottom: 20px;
    margin-top: 0px;
    font-weight: bold;
}
.missionList .colTtl {
    min-height: 60px;
}
.missionList .listWrap{
    display: flex;
    flex-wrap: wrap;
}
.missionList .listWrap .column {
    padding: 15px;
    /* width: 17.5%;
    flex: 0 0 17.5%;
    max-width: 17.5%; */
    width: 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.missionList .listWrap .column.titleSec .colTtl .label.label-info{
    font-size: 12px;
    background: #a8d3af;
    padding: 10px 15px;
    border-radius: 6px;
    display: inline-block;
    color: #000;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 50px;
}
.missionList .listWrap .column.titleSec .colTtl .label.active.label-info{
    background: #a8d3af;
}
.missionList .listWrap .column.titleSec .colTtl .label.planned.label-info{
    background: #f1e967;
}
.missionList .listWrap .column.titleSec .colTtl .label.complete.label-info{
    background:#647a84;
}
.missionList .listWrap .column.titleSec .colTtl .label.future{
    background: #a8d3af;
}
.missionList .listWrap .column.titleSec .colTtl .label.pending{
    background: #a8d3af;
}


.missionList .listWrap .column.titleSec .colTtl{
    display: flex;
    /* justify-content: space-between; */
}
.missionList .listWrap .column.titleSec .colTtl > span {
    margin-left: 14%;
}
.missionList .colTtl h3{
    font-size: 18px;
    color: #647a84;
    margin-top: 0;
    font-weight: bold;
}
.btnAct{
    /*  background: #83959d; */
    background: var(--primary-color);;
    color: #fff;
    margin-bottom: 6px;
}
.btnAct:hover{
    background: #a8d3af;
    /* color: #647a84; */
    color: #fff;
}
.btnAct.delete{
    background: #ea5160;
    color: #fff;
}
.btnAct.delete:hover{
    background: #fff;
    color: #ea5160;
    border-color: #ea5160;
}
.btnAct.active{
    background: #a8d3af;
    color: #000000;
}
.btnAct.active:hover{
    background: #fff;
    color: #000;
    border-color: #a8d3af;
}
.missionList .otherInfo .tag{
    background-color: transparent;
    border-style: solid;
    cursor: pointer;
    color: #ea5160;
    border-width: 0.25rem;
    border-radius: 50em;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 0.5rem;
    display: block;
    text-align: center;
    padding: 2px 20px;
    font-size: 14px;
    max-width: 250px;
    margin: 0 auto;
}
.missionList .otherInfo .tag.green{
    color: #2b5532;
    border-color: #a8d3af;
}

.missionList .listWrap .column.statuSec .colTtl h3{
    text-align: center;
}
.missionList .listWrap .column .btnSet .btnAct{
    margin-left: auto;
    margin-right: auto;
}
.missionList .listWrap .column.titleSec .colTtl .status > .label{
    background: transparent;
    color: unset;
    padding: 0;
    font-size: unset;
    font-weight: unset;
}
.missionList .listWrap .column.titleSec .colTtl .status.planned{
    background: #f1e967;
}
.missionList .listWrap .column.titleSec .colTtl .status.completed{
    background: #647a84;
    color: #fff;
}
.missionList .otherInfo .tag .label{
    background: transparent;
    color: unset;
    padding: 0;
}
.otherInfo.mission_status_type .tag {
    margin-bottom: 0.5rem;
}
.otherInfo.mission_status_type .greenbr{
    border-color: #a8d3af;
    color:#212121;
}
.otherInfo.mission_status_type .redbr{
    border-color: #ea5160;
    color:#ea5160;
}
.redaltbtn:hover{
    background-color: #ea5160;
    color:#fff;
}
#brxe-boamko {
    background-color: var(--secondary);
    background-size: cover;
}

@media only screen and (max-width: 1199px){
    .missionList .listWrap .column{
        width: 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}
@media only screen and (max-width: 767px){
    .missionList .listWrap .column{
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .missionList .otherInfo .tag{
        /* display: inline-block; */
    }
}
@media only screen and (max-width: 580px){
    .missionList .listWrap .column{
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* .animation-wrap .animated-logo img.mainlogo{
        max-width: 62%;
    }
    span.fast_image img#fast-image{
        max-width: 85px !important;
    }
    .forward_image img#forward-image{
        max-width: 167px !important;
    } */
}
@media only screen and (max-width: 390px){
    .animation-wrap .animated-logo img.mainlogo {
        max-width: 330px !important;
    }
    /* 
    span.fast_image img#fast-image{
        max-width:90px !important;
    }
    .forward_image img#forward-image{
        max-width: 180px !important;
    } */
}

/* mission end  */

#missionsList .missionActions{
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal_default_main iframe body .navbar-static-top{
    display:none !important;
}
.modal_default_form_item_label,.choose_task_label{
    margin: 2px 0px;
    color: #647a84 !important;
    font-weight: 700;
}
.modal_default_ok{
    border: 0px !important;
}

button.modal_default_ok{
    background: var(--primary-color-08);
    border: 0px solid var(--primary-color) !important;
    border-radius: 4px!important;
    color: #fff;
    display: inline-block;
    font-family: latoregular;
    font-size: 14px;
    margin: 5px 0 0 15px;
    padding: 5px 15px;
    text-transform: uppercase;
    border-width:0px !important;
    border-radius: 50em!important;
    text-align: center;
}
.modal_default_ok:hover{
    background-color: var(--secondary-green);
    border: 0px solid var(--primary-color) !important;
}
iframe .navbar-static-top{
    display:none !important;
}
a.moveTrash:hover{
    color: white; 
}
a.btn.btn-blue.mb-2.moveTrash.redaltbtn{
    color: #fff;
}
.brxe-div.top .btn{
    margin: 3px 2px !important;
}
.home_tooltip {
    background-color: var(--primary-color) !important;
    color: white !important;
}
@media (max-width: 768px) {
    .text-sm-center {
        text-align: center;
    }
    .updateBTN {
        padding-top: 10px;
    }
    .mb-sm-25 {
        margin-bottom: 25px !important;
    }
    .pt-sm-10 {
        padding-top: 10px;
    }
    .pb-sm-10 {
        padding-bottom: 10px;
    }
}
.danger {
    background:#ea5160 !important;
}
.danger:hover {
    background:#bb404c !important;
}
@media (min-width: 768px) {
    .updateBTN {
        padding-top: 0px;
    }
}
.d-inline-block {
    display: inline-block;
}
.passive-row-new {
    border-bottom: solid #ccc 1px;
}
.listWrap.item{
    background-color: #fff !important;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    padding-top: 20px;
}
.colTtl.action_title {
    text-align: center;
}
.label.status_label{
    /* commmet by bharat july26-2023*/
    /* font-size: 14px;
    padding: 10px 15px;
    border-radius: 6px;
    display: inline-block;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 50px; */
    font-size: 12px; 
    background: none; 
    padding: 10px 10px; 
    border-radius: 6px;
    display: inline-block; 
    color: #000; 
    font-weight: 500;
    display: flex; 
    align-items: center; 
    justify-content: center; 
    max-height: 30px; 
}
div#missions_filterDiv{
    border-bottom: solid #ccc 1px;
}

.employee_listing .table>tbody>tr>td{
    padding-top: 16px !important;
}
.additional-fields-wrap a.btn{
    max-width: 100% !important;
    margin-bottom:24px;
}


/* Animation */
/* .animation-wrap .animated-logo img{
    max-width: 36%;
}
    span.fast_image img#fast-image{
        max-width: 120px;
    }
    .forward_image img#forward-image{
        max-width: 231px;
    } */

.form-control:focus {
    border-color: #555252;
}
.visibility-hidden {
    visibility: hidden
}

/**
Weekly Report Page css
**/

.otherInfo.wreport_status_type {
    max-width: 237px!important;
    width: 100%!important;
    border-radius: 50em!important;
    /* text-align: center; */
    line-height: 41px;
    /* line-height: 300px; */
}

.weeklyreportStatus .wreport_status_type .redbr{
    border-color: #ea5160;
    color: var(--secondary-red) !important;
    background-color: transparent!important;
    border: solid var(--secondary-red) !important;
    border-radius: 50em;
    justify-content: center;
    min-height: 34px!important;
    white-space: normal;
    margin: 0 2px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    border-width:0.25rem !important;
    
}

.weeklyreportStatus .wreport_status_type .btn-danger{
    border-color: #ea5160;
    color: var(--secondary-red) !important;
    background-color: transparent!important;
    border: solid var(--secondary-red) !important;
    border-radius: 50em;
    justify-content: center;
    white-space: normal;
    margin: 0px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    border-width:0.25rem !important;
    
}
.weeklyreportStatus .wreport_status_type .tag.btn.btn-success{
    background-color: transparent!important;
    border: solid var(--secondary-green) !important;
    color: var(--primary-dark-color) !important;
    border-radius: 50em;
    justify-content: center;
    white-space: normal;
    margin: 0 2px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    border-width:0.25rem !important;
}

.weeklyreportStatus .wreport_status_type .tag.btn.btn-warning{
    background-color: transparent!important;
    border: solid var(--secondary-yellow) 1px!important;
    color: var(--primary-dark-color) !important;
    border-radius: 50em;
    justify-content: center;
    white-space: normal;
    margin: 0 2px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    border-width:0.25rem !important;
}

/* table.table-document-list .report-row td.report_col_right,
table.table-document-list .report-row td._mission_details{
    width: 250px;
} */
table.table-document-list .report-row  td._actions_links._signed_actions{
    text-align: right;
}
a.delete-signed-report:hover {
    background-color: var(--secondary-red) !important;
}

.status_cd {
    text-align: -webkit-center;
    color: black;
    font-size: x-large;
}

.document-list-body h4.heading_display,
.document-list-body h4.action_display_btn{
    text-align: left !important;
    /* margin-bottom: 13px; */
    margin-top: 0px;
    /* padding: 5px 0px 0px 20px !important; */
    text-transform: uppercase;
    font-weight: bold;
}
@media (min-width: 992px) {
    /* .table-document-list .admin_user h4.action_display_btn{
        position: absolute;
        bottom: 132px;
    } */
    /* .table-document-list .admin_user h4.signed_report_title{
        margin-top: -87px;
    }
    .table-document-list .admin_user h4.active_signed_title{
        margin-top: -39px;
    }
    .table-document-list .none_admin h4.action_display_btn {
        position: relative;
        bottom: 36px;
    } */
}
#work_time_form input.changw-time#edit_time{
    width:auto !important;
    max-width: none !important;
}



._actions_links a, ._report_status a, ._report_status span{
    display: block !important;
    min-height: 34px !important;
    margin: 6px 0 !important;
    line-height: normal !important;
    white-space: nowrap !important;
}
.rpotsect1.actionbtn .btn{
    border: 1px solid transparent !important;
}
.document-list-body h4.action_display_c, .document-list-body h4.action_display_btn{
    margin-top: 0;
}
._actions_links ._inner, ._report_status ._inner.rpotsect{
    position: static;
    transform: none;
}

@media only screen and (min-width:768px){
    .btnFilter{
        display: none;
    }
}
@media only screen and (max-width:767px){
    header .navbar-static-top.headerSticky{
        z-index: 9999;
        position: fixed;
        width: 100%;
        top: 0;
    }
    .filter-pannel{
        display: none;
        width: 100% !important;
    }
    .btn[data-target="#helpModel"]{
        display:none;
    }
    .userHeading_sec .headerWrap{
        display: flex;
        justify-content: space-between;
        align-items:center;
        margin-bottom: 20px;
    }
    .userHeading_sec .headerWrap br{
        display: none;
    }
    .userHeading_sec .headerWrap h4{
        margin: 0;
    }
    #mySidenav.sidenav{
        top: 100px;
            position: fixed;
                max-height: calc(100vh - 100px);
    }
}
.modal{
    z-index: 99999;
}

.table.report-list-tbl tr td{
    text-align:left !important;
}

input.btn.btn-primary.mybtns.searchbtn {
    max-width: 200px !important;
}
.table-missions-list.delng a.btn {
    max-width: 350px !important;
}
/*
* july 27,2023 #107 and #105
*/
.form-group.modal_buttons.text-right a.btn {
    max-width: fit-content !important;
}
td.checkbox_employee {
    vertical-align: top !important;
}