@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');

/* CSS Document */
body {
 font-family: 'Roboto', sans-serif;
}

.LoginScreen {
 background-image: url(../../dist/img/light-blue-background.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 height: 100%;
 margin-top: -40px;
}

.box.memberLoginBox {
 margin-top: 100px;
}

.content-wrapper.contentBox, .main-footer.main-footerBlock {
 margin-left: 0 !important;
}

.btn.btn-primary.btn-block.btn-lg.margintop10 {
 margin-top: 25px;
}

.form-groupLOgin {
 position: relative;
}

.form-groupLOgin:before {
 content: "\f007";
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 text-decoration: inherit;
 color: #169baa;
 font-size: 14px;
 padding-right: 0.5em;
 position: absolute;
 top: 32px;
 left: 13px;
}

.form-groupLOgin .form-control, .form-groupPass .form-control {
 padding-left: 35px;
}

.form-groupPass, .select {
 position: relative;
}

.form-groupPass:before {
 content: "\f13e";
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 text-decoration: inherit;
 color: #169baa;
 font-size: 14px;
 padding-right: 0.5em;
 position: absolute;
 top: 32px;
 left: 13px;
}

.select:before {
 content: "\f107" !important;
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 text-decoration: inherit;
 color: #000;
 font-size: 20px;
 padding-right: 0.5em;
 position: absolute;
 top: 3px;
 right: 5px;
}

.WhateBgBOx {
 margin-bottom: 20px;
 background: #fff;
 box-shadow: 0 1px 1px rgba(0,0,0,0.1);
 border-radius: 3px;
 padding: 12px;
}

.borderTop {
 border-top: 3px solid #d2d6de
}

.main-header {
 background-color: #fff;
}

.rotate {
 /* Safari */
 -webkit-transform: rotate(-90deg);
 /* Firefox */
 -moz-transform: rotate(-90deg);
 /* IE */
 -ms-transform: rotate(-90deg);
 /* Opera */
 -o-transform: rotate(-90deg);

/* Internet Explorer */ 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.ArrowLineBlock i {
 position: relative;
 top: 30px;
 left: 18px;
}

select {
 width: 100px;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 padding: 2px 2px 2px 20px;
 border: none;
 background: transparent url(../Ionicons/png/512/ios7-arrow-down.png) no-repeat left center;
}


/*===*/
table.ExportTable > tbody > tr > td:first-child {
 width: 30px;
}

.pure-checkbox input[type="checkbox"], .pure-radiobutton input[type="checkbox"], .pure-checkbox input[type="radio"], .pure-radiobutton input[type="radio"] {
 border: 0;
 clip: rect(0 0 0 0);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute;
 width: 1px;
}

.pure-checkbox input[type="checkbox"]:focus + label:before, .pure-radiobutton input[type="checkbox"]:focus + label:before, .pure-checkbox input[type="radio"]:focus + label:before, .pure-radiobutton input[type="radio"]:focus + label:before, .pure-checkbox input[type="checkbox"]:hover + label:before, .pure-radiobutton input[type="checkbox"]:hover + label:before, .pure-checkbox input[type="radio"]:hover + label:before, .pure-radiobutton input[type="radio"]:hover + label:before {
 border-color: #4f8196;
 background-color: #f2f2f2;
}

.pure-checkbox input[type="checkbox"]:active + label:before, .pure-radiobutton input[type="checkbox"]:active + label:before, .pure-checkbox input[type="radio"]:active + label:before, .pure-radiobutton input[type="radio"]:active + label:before {
 transition-duration: 0s;
}

.pure-checkbox input[type="checkbox"] + label, .pure-radiobutton input[type="checkbox"] + label, .pure-checkbox input[type="radio"] + label, .pure-radiobutton input[type="radio"] + label {
 position: relative;
 padding-left: 2em;
 vertical-align: middle;
 user-select: none;
 cursor: pointer;
}

.pure-checkbox input[type="checkbox"] + label:before, .pure-radiobutton input[type="checkbox"] + label:before, .pure-checkbox input[type="radio"] + label:before, .pure-radiobutton input[type="radio"] + label:before {
 box-sizing: content-box;
 content: '';
 color: #159caa;
 position: absolute;
 top: 50%;
 left: 0;
 width: 14px;
 height: 14px;
 margin-top: -9px;
 border: 2px solid #159caa;
 text-align: center;
 transition: all 0.4s ease;
}

.pure-checkbox input[type="checkbox"] + label:after, .pure-radiobutton input[type="checkbox"] + label:after, .pure-checkbox input[type="radio"] + label:after, .pure-radiobutton input[type="radio"] + label:after {
 box-sizing: content-box;
 content: '';
 background-color: #3c8dbc;
 position: absolute;
 top: 50%;
 left: 4px;
 width: 10px;
 height: 10px;
 margin-top: -5px;
 transform: scale(0);
 transform-origin: 50%;
 transition: transform 200ms ease-out;
}

.pure-checkbox input[type="checkbox"]:disabled + label:before, .pure-radiobutton input[type="checkbox"]:disabled + label:before, .pure-checkbox input[type="radio"]:disabled + label:before, .pure-radiobutton input[type="radio"]:disabled + label:before {
 border-color: #cccccc;
}

.pure-checkbox input[type="checkbox"]:disabled:focus + label:before, .pure-radiobutton input[type="checkbox"]:disabled:focus + label:before, .pure-checkbox input[type="radio"]:disabled:focus + label:before, .pure-radiobutton input[type="radio"]:disabled:focus + label:before, .pure-checkbox input[type="checkbox"]:disabled:hover + label:before, .pure-radiobutton input[type="checkbox"]:disabled:hover + label:before, .pure-checkbox input[type="radio"]:disabled:hover + label:before, .pure-radiobutton input[type="radio"]:disabled:hover + label:before {
 background-color: inherit;
}

.pure-checkbox input[type="checkbox"]:disabled:checked + label:before, .pure-radiobutton input[type="checkbox"]:disabled:checked + label:before, .pure-checkbox input[type="radio"]:disabled:checked + label:before, .pure-radiobutton input[type="radio"]:disabled:checked + label:before {
 background-color: #cccccc;
}

.pure-checkbox input[type="checkbox"] + label:after, .pure-radiobutton input[type="checkbox"] + label:after {
 background-color: transparent;
 top: 50%;
 right: 4px;
 width: 8px;
 height: 3px;
 margin-top: -4px;
 border-style: solid;
 border-color: #ffffff;
 border-width: 0 0 3px 3px;
 border-image: none;
 transform: rotate(-45deg) scale(0);
}

.pure-checkbox input[type="checkbox"]:checked + label:after, .pure-radiobutton input[type="checkbox"]:checked + label:after {
 content: '';
 transform: rotate(-45deg) scale(1);
 transition: transform 200ms ease-out;
}

.pure-checkbox input[type="radio"]:checked + label:before, .pure-radiobutton input[type="radio"]:checked + label:before {
 animation: borderscale 300ms ease-in;
 background-color: white;
}

.pure-checkbox input[type="radio"]:checked + label:after, .pure-radiobutton input[type="radio"]:checked + label:after {
 transform: scale(1);
}

.pure-checkbox input[type="radio"] + label:before, .pure-radiobutton input[type="radio"] + label:before, .pure-checkbox input[type="radio"] + label:after, .pure-radiobutton input[type="radio"] + label:after {
 border-radius: 50%;
}

.pure-checkbox input[type="checkbox"]:checked + label:before, .pure-radiobutton input[type="checkbox"]:checked + label:before {
 animation: borderscale 200ms ease-in;
 background: #159caa;
}

.pure-checkbox input[type="checkbox"]:checked + label:after, .pure-radiobutton input[type="checkbox"]:checked + label:after {
 transform: rotate(-45deg) scale(1);
}
 @keyframes borderscale {
50% {
 box-shadow: 0 0 0 2px #4f8196;
}
}

.memberLoginBox .box-title {
 display: block;
 padding-top: 15px;
 padding-bottom: 15px;
}

.memberLoginBox label {
 font-weight: 400 !important;
}

.memberLoginBox a {
 font-weight: 600;
}

.padding20 {
 padding: 20px;
}

.UploadBox .form-control[disabled], .UploadBox .form-control[readonly], .UploadBox fieldset[disabled] .form-control {
 background-color: #fff;
}

.RulesBlock {
 margin: 0;
 padding: 0;
 float: right;
 list-style: none;
}

.RulesBlock li {
 display: inline-block;
}

.RulesBlock .boxBlockW {
 margin-right: 10px;
}

select.minimal {
 background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
 background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
 background-size: 5px 5px, 5px 5px, 1px 1.5em;
 background-repeat: no-repeat;
}

select.minimal:focus {
 background-image: linear-gradient(45deg, #3c8dbc 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #3c8dbc 50%), linear-gradient(to right, #ccc, #ccc);
 background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
 background-size: 5px 5px, 5px 5px, 1px 1.5em;
 background-repeat: no-repeat;
 border-color: #3c8dbc;
 outline: 0;
}
 select:-moz-focusring {
 color: transparent;
 text-shadow: 0 0 0 #000;
}

.form-group.boxBlockW {
 width: 100px;
}

@media( max-width:390px) and (min-width:390px) {

.navbar-custom-menu > .navbar-nav, .main-header .navbar-custom-menu {
 float: none;
}

.navbar-custom-menu .navbar-nav > li > a {
 padding-left: 5px;
 padding-right: 5px;
}
}

.BoxSpacing {
 padding: 0 20px;
}

ul.SeletctBoxBlock, ul.SeletctBoxBlockTwo {
 margin: 10px 0 0 0;
 padding: 0;
 list-style: none;
}

ul.SeletctBoxBlock > li {
 display: inline-block;
 padding-right: 30px;
}

ul.SeletctBoxBlockTwo {
 display: block;
}

ul.SeletctBoxBlockTwo > li .pure-checkbox label {
 font-weight: 400 !important;
}

.CategoriesBtn {
 margin-bottom: 20px;
}

.PersonalBlock .select:before, .PlanningBox .select:before {
 right: 15px;
}

.PersonalBlock .fileType {
 padding-top: 10px;
 font-size: 12px;
}

.PersonalBlock .form-control[disabled], .PersonalBlock .form-control[readonly], .PersonalBlock fieldset[disabled] .form-control {
 background-color: #FFF;
}

.CategoriesBtn i {
 padding-right: 10px;
}

.projectBox {
 border: 1px solid #ddd;
 padding: 35px 30px;
 margin: 10px 0;
}

.PlanningBox #plannerview .projectBox {
 height: 255px;
}

.PlanningBox #plannerview .projectBox ul.Emloyee {
 overflow-x: hidden;
 overflow-y: auto;
 max-height: 145px;
}

.PlanningHourBox .projectBox {
 padding: 35px 10px;
 height: 255px;
}

.PlanningHourBox .projectBox ul.Emloyee {
 overflow-x: hidden;
 overflow-y: auto;
 max-height: 145px;
}

.projectBox h3 {
 margin-top: 0;
 margin-bottom: 20px;
 font-weight: 600;
}

.projectBox ul.Emloyee {
 margin: 0;
 padding: 0;
 list-style: none;
 height: 100%;
}

.projectBox ul.Emloyee > li {
 padding: 5px 8px;
}

.projectBox ul.Emloyee > li label {
 font-weight: 400;
}

.bottom15Space {
 margin-bottom: 15px;
}

#imaginary_container {
}

.stylish-input-group .input-group-addon {
 background: white !important;
}

.stylish-input-group .form-control {
 border-right: 0;
 box-shadow: 0 0 0;
 border-color: #ccc;
}

.stylish-input-group button {
 border: 0;
 background: transparent;
}

.main-header .logo .logo-lg {
 width: 190px;
 height: auto;
}

.main-header .logo .logo-lg > img {
 max-width: 100%;
 height: auto;
}

a {
 color: #ffffff !important;
}

.main-header .logo .logo-lg > img {
 padding: 10px 0;
}

.navbar-custom-menu .navbar-nav > li > a {
 padding-top: 22px;
 padding-bottom: 22px;
}

.PriceBlockBox .pure-checkbox input[type="checkbox"] + label, .PriceBlockBox .pure-radiobutton input[type="checkbox"] + label, .PriceBlockBox .pure-checkbox input[type="radio"] + label, .PriceBlockBox .pure-radiobutton input[type="radio"] + label {
 padding-left: 2em;
}

.PriceBlockBox .pure-checkbox input[type="checkbox"] + label::before, .PriceBlockBox .pure-radiobutton input[type="checkbox"] + label::before, .PriceBlockBox .pure-checkbox input[type="radio"] + label::before, .PriceBlockBox .pure-radiobutton input[type="radio"] + label::before {
 left: 0;
}

.pure-checkbox input[type="checkbox"] + label::after, .pure-radiobutton input[type="checkbox"] + label::after {
 left: 3px;
}

.ForgotText {
 color: #169baa;
 text-align: right;
 display: block;
}

.PriceBlockBox .SeletctBoxBlockTwo {
 padding-left: 15px;
}

.AdressBlock span {
 display: block;
}

.PaddingSp {
 padding: 20px;
}

.LightBG {
 background-color: #f4f4f4;
 padding: 30px 15px;
 margin: 15px -15px;
}

.padding-L {
 padding-right: 5px;
}

.LocationBlock {
 margin-top: 0;
 margin-bottom: 15px;
}

.box-body {
 padding-top: 20px;
}

.Dailyplanneroverview .pure-checkbox {
 display: flex;
}

.pure-checkboxB label {
 font-weight: 300;
}

.marginTop {
 margin-top: 25px;
}

.box {
 min-height: 500px;
}

/*===============================*/
.plannerpreview .date.reload_element input.form-control {
 border: 0;
 background-color: transparent;
 padding: 0;
 font-size: 20px;
}

.plannerpreview .date.reload_element {
 font-size: 20px;
 background: #e3e3e3;
 padding: 0px 25px;
 border-radius: 25px;
 float: right;
 width: 100%;
 height: 34px;
 line-height: 34px;
}

.plannerpreview .pure-checkbox label {
 position: relative;
 padding-left: 20px;
}

.plannerpreview .pure-checkbox label:after {
 content: "";
 position: absolute;
 top: 5px;
 left: 1px;
 width: 3px;
 height: 13px;
 background: #159caa;
 transform: rotateZ(45deg);
}

.plannerpreview .pure-checkbox label:before {
 content: "";
 position: absolute;
 top: 10px;
 left: -5px;
 width: 3px;
 height: 8px;
 background: #159caa;
 transform: rotateZ(-45deg);
}

.btn-primary.orange {
 background-color: #ff8c00;
 border-color: #ffa500;
 font-size: 20px;
 padding: 3px 20px;
 margin: 20px auto;
}

.uplod-img {
 margin-top: 15px;
 margin-bottom: 15px;
 margin-left: 10px;
 position: relative;
 display: inline-flex;
}

.uplod-img img {
 border-radius: 5px;
}

.close-btn {
 position: absolute;
 top: -7px;
 right: -7px;
 width: 22px;
 height: 22px;
 text-align: center;
 padding: 1px 1px 0px 1px;
 background-color: #fff;
 color: #363636;
 border-radius: 50px;
 box-shadow: 0px 0px 5px 1px #666;
}

/*23062018*/
.TableNewStyle > thead > tr > th {
 background-color: #159caa;
 color: #fff;
 font-size: 14px;
 font-weight: 400;
 border-bottom: 0 !important;
 border-right: 1px solid #fff;
}

.TableNewStyle > tbody > tr:nth-child(2n+0) > td {
 background-color: rgba(21,156,170,0.1);
 font-size: 14px;
 color: #333;
}

.TableNewStyle > tbody > tr >td {
 font-weight: 300;
}

.TableNewStyle .dataTables_wrapper .dataTables_paginate .paginate_button.current, .TableNewStyle .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
 background-color: rgba(21,156,170,0.2);
}

.TableNewStyle .label.changeEmpStatus.label-success, .label.changeCustomerStatus.label-success, .label.label-success {
 background-color: #159caa !important;
 color: #fff !important;
}

.TableNewStyle .fa.fa-pencil-square-o {
 color:#159caa; 
}
.TableNewStyle .fa.fa-trash-o {
 color:red;
}

table.dataTable .dataTables_wrapper.no-footer {
 background-color: #ccc;
}

.table-BlockNew a.paginate_button.current {
 background-color: #159caa!important;
 border: 1px solid #159caa!important;
 padding: 0px 8px;
}

.table-BlockNew .dataTables_wrapper .dataTables_paginate .paginate_button {
 padding: 0px 8px;
}

.table-BlockNew .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
 background-color: #159caa!important;
}

.table-BlockNew select {
 border: 1px solid #ccc;
 width: 54px;
 padding:5px 2px;
 margin-left: 5px;
 margin-right: 5px;
}

.table-BlockNew .dataTables_length > label:before {
 content: "\f107" !important;
 font-family: FontAwesome;
 position: absolute;
 right: 65px;
 top:6px;
}

.table-BlockNew .dataTables_length > label {
 display: block;
 width: 155px;
 position: relative;
 font-weight: 300;
 text-transform: capitalize; margin-bottom:0;
}

.table-BlockNew .dataTables_wrapper .dataTables_filter {
 float: right !important;
 text-align: right !important;
 margin-bottom: 0 !important;
}

.table-BlockNew .dataTables_filter {
 position: relative !important;
 top: 0 !important;
 width: 250px;
}

.table-BlockNew .dataTables_wrapper .dataTables_filter > label:before {
 content: "\f002" !important;
 font-family: FontAwesome;
 position: absolute;
 right: 15px;
 top: 7px;
 color: #ccc !important;
}

.table-BlockNew .dataTables_wrapper .dataTables_filter input {
 min-width: 100% !important;
}

.table-BlockNew .dataTables_wrapper .dataTables_filter > label {
 display: block;
 position: relative; margin-bottom:0 !important;
}

.CategoriesBtn .btn-primary {
 font-size: 14px;
}

.TableNewStyle {
 margin-bottom: 15px !important;
}

.TableNewStyle > tbody > tr > td {
 border-right: 1px solid #ccc;
 padding: 8px 20px !important;
}
.skin-black .sidebar-menu > li > .treeview-menu{ background-color:rgba(88,88,90,1) !important;}

.CategoriesBtnNew .btn-primary.orange, .CategoriesBtnNew1 .btn-primary.orange{ margin-left:15px !important;}
label.control-label{ font-weight:300;}
.CategoriesBtnTableBlock{position: absolute;
left: 33px;
z-index: 10;}
.table-BlockNew .dataTables_length{ float:right !important;}
.table-BlockNew  .dataTables_filter{ margin-right:15px;}
.table-BlockNew .dataTables_length > label{ bottom:-5px !important;}
.table-BlockNew .dataTables_wrapper .dataTables_filter > label{ bottom:-5px !important;}
.navbar-custom-menu ul.nav.navbar-nav >li:last-child{ display:none;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{ color:#fff !important;}
.CategoriesBtn .btn-primary, .CategoriesBtn .btn-primary, .form-control, .btn.btn-primary.emp-files{ font-weight:300;}
.ProjectListBlock .form-control{ height:41px;}
.btn-primary{ font-weight:300;}
.BorderLine{ margin-top:40px; margin-bottom:40px;}
.logo-mini > img{max-width: 80%;
top: 10px;
position: relative;}
.ImportCSV .input-group-btn{ width:123px;}

@media( max-width:1500px) and (min-width:500px) {
    .CategoriesBtnTableBlock {
    position: relative;
    left: 15px;
    z-index: 10;
}
.table-BlockNew .dataTables_length {
    float: left !important;
}
    
}
@media( max-width:501px) and (min-width:320px) {
    .CategoriesBtnTableBlock {
    position: relative;
    left: 15px;
    z-index: 10;
}
.table-BlockNew .dataTables_length {
    float: left !important;
}
.table-BlockNew .dataTables_wrapper .dataTables_filter {
    float: left !important;
    text-align: left !important;
    margin-bottom: 20px !important;
    margin-left: 15px;
}    
}
@media( max-width:767px) and (min-width:320px) {
 h1.zero-margin.showTodaysDate{
top: 11px !important; font-size:16px !important;
position: absolute !important;}
#createEmployeeForm .pull-right.CategoriesBtn{ float:none !important;}
}
.zero-margin.showTodaysDate{ font-size:16px; margin-top:15px;}
.CategoriesBtn.CategoriesBtnNew1.ProjectListBlock{ display:flex; flex-wrap: wrap; }
@media( max-width:992px) and (min-width:320px) {
.projectlist .pull-right.CategoriesBtn.CategoriesBtnNew1.ProjectListBlock{ float:none !important;}

}