:root{
	--maincolor:#005386;
	--secondcolor:#239de8;
	--hovercolor:#1d83c2;
	--borderradius:40px;
	--redcolor:#be1212;
	--fontcolor:#000;
	--background:#f7f8fb;
}
html,body{font-size:14px}
body{padding-top:50px;background-color:var(--background);}
#content{padding-bottom:50px;}
h1{font-weight:bold!important;color:var(--maincolor)!important;text-transform:uppercase;}
.actions {margin:0 0 40px 0;}
.actions ul{margin:0;}
.actions .fa{font-size:20px;color:var(--maincolor);}
.actions .fa:hover{color:var(--secondcolor);}

.box-rounded{background-color:#fff;border:1px solid #e1e1e1; border-radius:6px;padding:20px;margin:0 0 20px 0;box-shadow:2px 2px 4px rgba(0,0,0,.3);}
.box-rounded h4{text-align:left;font-weight:bold;text-transform:uppercase;margin:0 0 20px 0;}
.box-rounded .table thead{background-color:unset;}
.box-rounded tfoot{border-top:1px solid #e1e1e1;}
.box-rounded tfoot td{border:0!important;}
.box-rounded .radio{margin-left:20px;}
.box-rounded.box-center{text-align:center;}
.box-rounded.box-center .buttons{margin:100px 0 0 0;}
.box-title {text-align:center;margin:0 0 20px 0;}
.box-header h1{font-size:1rem;}
.box-header {border-bottom:1px solid #e1e1e1;margin:0 0 20px 0;}
footer{position:fixed;bottom:0;width:100%;height:40px;text-align:center;background-color:#fff;}
footer img{max-height:15px;}
.btn {border-radius:var(--borderradius)!important;padding:10px 28px;border:none!important;font-weight:bold;}
.btn.btn-primary{background-color:var(--secondcolor);color:#fff;transition:all ease 0.3s;}
.btn.btn-primary:hover{background-color:var(--hovercolor);transition:all ease 0.3s;}
#column_left {padding-top:0!important;}
.page-back{margin:0 0 40px 0;}
.text-link {text-transform:uppercase;color:var(--hovercolor);}
.text-link .fa{padding-right:10px;}



input[type="text"],input[type="password"] {border-radius:var(--borderradius)!important;padding:10px 28px!important;border:1px solid #e1e1e1;}
.datepicker{width:300px;}
textarea{border:1px solid #e1e1e1;border-radius:6px;}
select{border-radius:var(--borderradius);border:1px solid #e1e1e1;padding:10px 28px;}
.form-login input[type="text"],.form-login input[type="password"] {text-align:center;}
.login-logo{margin:20px 0;text-align:center;}
.login-logo img{max-height:40px;}

.loading-holder{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:99999;display:none;}
.loading-icons img{width:100px;}
.loading-icons{position:relative;left:50%;top:50%;margin-top:-50px;margin-left:-50px;}

#header{border-bottom:1px solid #e1e1e1;position:fixed;width:100%;top:0;background-color:#fff;}
.box-message{text-align:center;padding:20px;display:none;}
.container-content{padding:40px 0;}
.dashboard-boxes iframe{border:0;width:100%;min-height:80vh;}
.dashboard-description{margin:0 0 20px 0;}

.clearfix{clear:both;}
.modules-chat .chat-count{margin:0 0 10px 0;border-bottom:1px solid #e1e1e1;padding:0 0 10px ;}
.modules-chat .chat-profile{float:left;margin:0 20px 0 0;}
.profile-thumb{width:60px;height:60px;border-radius:100px;overflow:hidden;border:1px solid #e1e1e1;}
.profile-picture {width:60px;height:60px;border-radius:100px;overflow:hidden;border:1px solid #e1e1e1;}
.profile-thumb img,.profile-picture img {width:100%;}
.modules-chat .chat-holder{float:left; width:calc(100% - 80px);}
.modules-chat .chat-user{font-size:1rem;margin:0 0 10px 0;color:var(--maincolor);font-weight:bold;}
.user-title,.requester-label{font-size:0.625rem;position:relative;top:-2px;text-transform:uppercase;background-color:#e1e1e1;color:#333;display:inline-block;padding:3px 5px;border-radius:4px;font-weight:bold;}
.requester-label{background-color:var(--maincolor);color:#fff;}
.modules-chat .chat-timestamp{font-size:0.75rem;margin:20px 0 0 0;}
.modules-chat > ul > li{margin:0 0 20px 0; border-bottom:1px solid #e1e1e1;padding:0 0 20px 0;position:relative;}
.modules-chat .chat-number{position:absolute;top:0;right:0;font-size:0.75rem;font-weight:bold;}
.chat-items.chat-hide{display:none;}
.chat-uploads{margin:20px 0 0 0;background-color:#efefef;padding:10px;border-radius:4px;}
.chat-uploads li{text-align:center;}
.upload-holder{width:50px;height:50px;margin:auto;border:1px solid #e1e1e1; border-radius:4px;background-color:#fff;padding:5px;}
.upload-name{font-size:0.625rem;}
.upload-title{font-size:0.75rem;font-weight:bold;margin:0 0 10px 0;}

.project-team li{margin:0 0 10px 0;}
.team-profile{float:left;margin:0 20px 0 0 ;}
.team-details{float:left;width:(100% - 60px);}

.uploads{margin:10px 0 0 0;}
.project-details > ul > li{margin:0 0 20px 0;}
.field-label{font-size:0.875rem;font-weight:bold;text-transform:uppercase;}

.project-status{text-transform:uppercase;}
.project-status .status-label{font-size:0.875rem;font-weight:bold;}

.padding-bottom{padding-bottom:20px;}
.upload-holder img{max-width:100%;max-height:100%;}
.post-error{color:var(--redcolor);text-transform:uppercase;font-size:0.875rem;}

#drop_file_zone{border:1px solid #e1e1e1;background-color:#fff;font-size:0.875rem;height:auto;border-radius:6px;}

.custom-table thead th{border-bottom:2px solid #e1e1e1;text-transform:uppercase;font-size:0.875rem;color:var(--maincolor);}
.custom-table tbody td{border-bottom:1px solid #e1e1e1;}

.table-filters{margin:0 0 40px 0;}
.pagination-holder{text-align:center;margin:20px 0 0 0;}

.required-text{color:var(--redcolor);}
.service-listing > ul {display:inline-flex;flex-wrap:wrap; justify-content:space-between;}
.service-listing > ul > li {flex:0 0 32%;margin:0 0 20px 0; border:1px solid #e1e1e1; border-radius:6px;padding:20px;}
.service-listing .box-rounded{margin:0 10px;}
.service-listing .service-title{text-align:center;font-weight:bold;text-transform:uppercase;margin:0 0 10px 0;color:var(--maincolor);font-size:2rem;}
.service-listing .service-actions{margin:40px 0 0 0;text-align:center;}
.service-listing .service-icons{margin:0 0 20px 0;text-align:center;}
.service-listing a .service-description{color:var(--fontcolor);}
.field-description{font-size:0.875rem;margin:5px 0 0 0;}


.member-list li{margin:0 0 10px 0; border-bottom:1px solid #e1e1e1;padding:0 0 10px 0;}


.log-listing li{font-size:0.875rem;margin:0 0 5px;border-bottom:1px solid #e1e1e1;padding:0 0 5px 0;}
.log-listing .log-time{display:inline-block;padding:1px 15px;background-color:var(--maincolor); color:#fff;border-radius:6px;}

.profile-data li{margin:0 0 5px 0;font-size:0.875rem;color:#fff;}
.profile-data .profile-name{font-size:1rem;font-weight:Bold;}
.profile-data .profile-edit{margin:20px 0 0 0;}

.user-profile-thumb{margin:0 50px 0 0 ;}
.profile-thumb-holder{width:150px;height:150px;border-radius:100%;overflow:hidden;margin:0 auto 20px auto;}
.profile-thumb-holder img{width:100%;}
.user-profile-thumb{text-align:center;max-width:200px;}
.user-details {margin:0 50px 0 0;}
.user-details .user-details-title{font-weight:bold;margin:0 0 20px 0;font-size:1.25rem;text-transform:uppercase;}
.user-details > ul > li{margin:0 0 10px 0;}
.user-details .user-details-label{font-size:0.875rem;font-weight:bold;margin:0 0 5px;text-transform:uppercase;}

.dashboard-items > ul {display:flex;flex-wrap:wrap;margin-left:-10px;}
.dashboard-items > ul > li {flex:0 0 calc(25% - 20px);margin:10px;}
.dashboard-items > ul > li .box-rounded{margin:0 20px 0 0;}

.request-summary-box{margin:0 0 20px 0;}
.request-summary-box > ul {display:flex;flex-wrap:wrap;margin-left:-10px;}
.request-summary-box > ul > li {flex:0 0 calc(12.5% - 20px);margin:10px;}
.request-summary-box .dashboard-title{text-transform:uppercase;font-weight:bold;font-size:0.875rem;}
.request-summary-box .dashboard-data{font-size:2rem;}

.dashboard-items .dashboard-title{text-transform:uppercase;font-weight:bold;}
.dashboard-items .dashboard-data{font-size:2rem;}
.dashboard-header{margin:20px 0 10px 0;font-size:1.5rem;text-transform:uppercase;font-weight:bold;}
.dashboard-percentage{font-size:1rem;}
.filter-listing {font-size:0.875rem;}

.field-edit-data{display:none;}

.layout-title-sample h1{margin:0;}

.layout-items .layout-name{font-weight:bold;}
.layout-items{display:flex;flex-wrap:wrap;}
.layout-items > li{flex:0 0 calc(25% - 10px);padding:5px; border:1px solid #e1e1e1;text-align:center;margin:0 5px 5px 0;border-radius:6px;}
.layout-items img{max-width:100%;max-height:100%;}
.layout-icon {width:100px;height:100px;text-align:center;flex-wrap:wrap;display:flex;align-items:center;justify-content:center;margin:auto;}
.layout-sample .link-label{font-size:0.75rem;text-transform:uppercase;}

.layout-sample > ul  > li{margin:0 0 10px 0;}

.layout-image-holder{margin:0 auto 10px auto;border:1px solid #e1e1e1;width:200px;height:200px;padding:10px;display:flex;align-items:center;justify-content:center;}
.layout-section-name{text-transform:uppercase;font-weight:bold;margin:0 0 20px 0; font-size:0.875rem;}
.layout-elements{margin:0 0 10px 0;}

.layout-block,.layout-field-multi {border:2px solid #000;padding:20px;margin:0 0 20px 0;}

.layout-template {text-align:center;}
.layout-template input,.layout-template textarea{text-align:center;}
.layout-field-button input{background-color:rgba(255,255,255,0);color:#fff;border:0;}

.layout-field-multi ul{width:100%;}
.layout-image-holder img{max-width:100%;max-height:100%;margin:auto;}
.multi-data-table td{border-bottom:1px solid #e1e1e1;}


.table-layout .table-id {width:50px;}
.table-layout .table-name,.table-layout .table-desc {width:400px;}
.table-layout .table-column {width:200px;}
.table-layout .table-title{text-align:center;text-transform:uppercase;font-weight:bold;border-top:1px solid #e1e1e1;}

.layout-builder-items {width:100%;}
.layout-builder-items > ul > li{border:2px solid #e1e1e1;padding:20px;border-radius:12px;margin:0 0 20px 0;}

.layout-settings td{vertical-align:text-top;}
.layout-sample,.service-sample,.service.screenshot{overflow:hidden;width:100px;height:100px;padding:10px;border:1px solid #e1e1e1;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 0 10px 0;}
.layout-sample img,.service-sample img,.service-screenshot img {max-width:100%;max-height:100%;}
.flex-center{}

.toggle-by{display:none;}

.box-data .table-label{width:200px;}
.box-data td {border-bottom:1px solid #e1e1e1;}

.service-fields-listing li,.service-field-data li{margin:0 0 10px 0;}
.field-options{margin:10px 0 0 0;padding:20px;border-radius:12px;border:2px solid #e1e1e1;}
.field-options li {}
.service-field-data > ul > li{border-bottom:1px solid #e1e1e1;padding:0 0 10px 0;margin:0 0 20px 0;}
.service-field-label{border:2px solid #e1e1e1;cursor:pointer;padding:10px;font-size:1.25rem;font-weight:bold;margin:0 0 10px 0;border-radius:12px;background-color:#fff;position:relative;z-index:1;}
.service-field-data{border:1px solid #e1e1e1;padding:40px 20px 20px 20px;margin-top:-30px;margin-bottom:10px;display:none;}
.field-label-title {font-weight:bold;font-size:0.875rem;margin:0 0 5px 0;text-transform:uppercase;}

.field-sample{margin:5px 0 0 0;}
.field-sample a{text-transform:uppercase;display:inline-block;padding:3px 10px;color:#333;border:1px solid #333;border-radius:12px;font-size:0.875rem;}
.sample-image {text-align:center;}
.field-instructions{margin:0 0 20px 0;}
.max-text{font-size:10px;text-transform:uppercase;display:inline-block;}
.mandatory-text{font-size:12px;display:inline-block;}
.max{color:var(--redcolor);font-weight:bold;}

.knowledge-listing li{margin:0 0 10px 0;}
.knowledge-listing a{font-size:18px;}
.knowledge-listing li.current a{color:#000;font-weight:bold;}
.knowledge-listing li.current .fa{font-size:22px;}
.knowledge-items > ul > li{margin:0 0 40px 0;}
.knowledge-item-title{font-size:16px;font-weight:bold;margin:0 0 10px 0;}
h4.panel-title {margin:0;}
.service-sample-link{text-align:center;}
.multi-data-table th{text-align:center;border-bottom:2px solid #e1e1e1;}