/* here you can put your own css to customize and override the theme */


/***
General typography
***/

body {
    color: #253858;  
    font-size: 13px;
    font-weight: 400;
    padding: 0px !important;
    margin: 0px !important;
    direction: ltr;    
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'Work Sans', sans-serif;
}

@media (min-width: 992px){
    .page-boxed {
        background-color: #f7f7f7!important;
    }
}

a {
    text-shadow: none;
    color: #5f7934;
}

a:focus, a:hover {
    color: #5f7934;
}

/*      THEME COLOR BACKGROUND          */

.theme-color-dark-green {
    color: #5f7934!important;
}

.theme-color-light-green {
    color: #a1c427!important;
}

.theme-background-dark-green {
    background-color: #5f7934!important;
}

.theme-background-light-green {
    background-color: #a1c427!important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

blockquote {
    font-size: 15px;
}


.page-container-bg-solid .page-content {
    background: #f2f4f8;
}

/*      BOXED LAYOUT        */

.boxed-layout {

}

.u-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.full-height {
    min-height: 100vh;
}

/*      VERTICAL ALIGN MIDDLE       */

.vertical-align {
    display: table;
    height: 100%;
    width: 100%;
}

.vertical-align .table-cell {
    display: table-cell;
    vertical-align: middle;
}

/* ===================================
    Typography
====================================== */

/* text size */
.text-extra-small {font-size:11px; line-height:14px}
.text-small {font-size:12px; line-height:20px}
.text-medium-2 {font-size:14px; line-height:24px}
.text-medium {font-size:16px; line-height:24px}
.text-large {font-size:18px; line-height:26px}
.text-extra-large {font-size: 20px; line-height:26px}
.text-extra-large-2 {font-size: 26px; line-height:36px}
.text-extra-large-3 {font-size: 30px; line-height:42px}

.font-size-40px {font-size: 40px; line-height:44px}
.font-size-50px {font-size: 50px; line-height:60px}
.font-size-60px {font-size: 60px; line-height:60px}
.font-size-70px {font-size: 70px; line-height:70px}
.font-size-80px {font-size: 80px; line-height:80px}
.font-size-90px {font-size: 90px; line-height:100px}
.title-large {font-size: 100px; line-height:95px}
.title-extra-large {font-size: 130px; line-height:120px}

/* text color */
.text-blue2 {color:#3086ab}
.text-white {color:#FFF}
.text-black {color:#000}
.text-extra-dark-gray {color:#232323}
.text-dark-gray {color:#626262}
.text-extra-medium-gray {color:#757575}
.text-medium-gray {color:#939393}
.text-extra-light-gray {color:#b7b7b7}
.text-light-gray {color:#d6d5d5}
.text-very-light-gray {color:#ededed}
.text-deep-pink {color:#ff214f}
.white-text{ color:#FFF !important} 
.magenta-text{ color:#d94378 !important}
.orange-text{ color:#ff513b !important}
.orange-light-text{ color:#ef824c !important}
.deep-red-text{ color:#e75e50 !important}
.black-text{ color:#000 !important}
.yellow-text{ color:#e6af2a !important}
.yellow-light-text{color: #ffd200 !important}
.fast-yellow-text{ color:#f7d23d !important}
.pink-text{ color:#d9378e !important}
.light-gray-text{ color: #ababab !important}
.deep-gray-text { color: #464646 !important; }
.deep-light-gray-text { color: #878787 !important; }
.gray-text {  color:#7f7f7f !important}
.dark-gray-text { color:#373737 !important}
.text-highlight {color:#369ff4}
.text-golden-yellow{ color: #c3bd86 !important; }
.text-green{ color: #70bd5b !important; }
.text-yellow-ochre { color: #997546 !important;}
.text-dark-green{ color:#60a532 !important;}
.text-color1 {color: #cf4824;} 
.text-color2 {color: #d4c9b4;}

/* font weight */
.font-weight-100 {font-weight:100}
.font-weight-200 {font-weight:200}
.font-weight-300 {font-weight:300}
.font-weight-400 {font-weight:400}
.font-weight-500 {font-weight:500}
.font-weight-600 {font-weight:600}
.font-weight-700 {font-weight:700}
.font-weight-800 {font-weight:800}
.font-weight-900 {font-weight:900}

/*      float       */

.float-left{float: left !important}
.float-right{float: right !important}
.float-none{float: none !important}

/*============================== 
    Position
================================*/

.position-inherit {position:inherit !important}
.position-relative {position:relative !important;}
.position-absolute {position:absolute !important;}
.position-fixed {position:fixed !important;}
.position-right {right:0 !important;}
.position-left {left:0 !important;}
.position-top {top:0 !important;}
.position-bottom {bottom:0 !important;}

/*==============================
    Margin
================================*/
.no-margin {margin:0 !important}
.no-margin-lr {margin-left: 0 !important; margin-right: 0 !important}
.no-margin-tb {margin-top: 0 !important; margin-bottom: 0 !important}
.no-margin-top {margin-top:0 !important}
.no-margin-bottom {margin-bottom:0 !important}
.no-margin-left {margin-left:0 !important}
.no-margin-right {margin-right:0 !important}
.margin-lr-auto {margin-left:auto !important; margin-right:auto !important}
.margin-auto {margin: 0 auto !important;}
.margin-5px-all {margin:5px}
.margin-10px-all {margin:10px}
.margin-15px-all {margin:15px}
.margin-20px-all {margin:20px}
.margin-25px-all {margin:25px}
.margin-30px-all {margin:30px}
.margin-35px-all {margin:35px}
.margin-40px-all {margin:40px}
.margin-45px-all {margin:45px}
.margin-50px-all {margin:50px}
/* margin bottom */
.margin-5px-bottom {margin-bottom:5px}
.margin-10px-bottom {margin-bottom:10px}
.margin-15px-bottom {margin-bottom:15px}
.margin-20px-bottom {margin-bottom:20px}
.margin-25px-bottom {margin-bottom:25px}
.margin-30px-bottom {margin-bottom:30px}
.margin-35px-bottom {margin-bottom:35px}
.margin-40px-bottom {margin-bottom:40px}
.margin-45px-bottom {margin-bottom:45px}
.margin-50px-bottom {margin-bottom:50px}
/* margin top */
.margin-5px-top {margin-top:5px}
.margin-10px-top {margin-top:10px}
.margin-15px-top {margin-top:15px}
.margin-20px-top {margin-top:20px}
.margin-25px-top {margin-top:25px}
.margin-30px-top {margin-top:30px}
.margin-35px-top {margin-top:35px}
.margin-40px-top {margin-top:40px}
.margin-45px-top {margin-top:45px}
.margin-50px-top {margin-top:50px}
/* margin right */
.margin-5px-right {margin-right:5px}
.margin-10px-right {margin-right:10px}
.margin-15px-right {margin-right:15px}
.margin-20px-right {margin-right:20px}
.margin-25px-right {margin-right:25px}
.margin-30px-right {margin-right:30px}
.margin-35px-right {margin-right:35px}
.margin-40px-right {margin-right:40px}
.margin-45px-right {margin-right:45px}
.margin-50px-right {margin-right:50px}
/* margin left */
.margin-5px-left {margin-left:5px}
.margin-10px-left {margin-left:10px}
.margin-15px-left {margin-left:15px}
.margin-20px-left {margin-left:20px}
.margin-25px-left {margin-left:25px}
.margin-30px-left {margin-left:30px}
.margin-35px-left {margin-left:35px}
.margin-40px-left {margin-left:40px}
.margin-45px-left {margin-left:45px}
.margin-50px-left {margin-left:50px}
/*===============================
    Padding
=================================*/

.no-padding {padding:0 !important}
.no-padding-lr {padding-left: 0 !important; padding-right: 0 !important}
.no-padding-tb {padding-top: 0 !important; padding-bottom: 0 !important}
.no-padding-top {padding-top:0 !important}
.no-padding-bottom {padding-bottom:0 !important}
.no-padding-left {padding-left:0 !important}
.no-padding-right {padding-right:0 !important}

/* letter spacing */
.no-letter-spacing {letter-spacing:0px}
.letter-spacing-02 {letter-spacing:0.2px}
.letter-spacing-05 {letter-spacing:0.5px}
.letter-spacing-1 {letter-spacing:1px}
.letter-spacing-2 {letter-spacing:2px}
.letter-spacing-3 {letter-spacing:3px}
.letter-spacing-4 {letter-spacing:4px}
.letter-spacing-5 {letter-spacing:5px}
.letter-spacing-6 {letter-spacing:6px}
.letter-spacing-7 {letter-spacing:7px}
.letter-spacing-8 {letter-spacing:8px}
.letter-spacing-9 {letter-spacing:9px}
.letter-spacing-10 {letter-spacing:10px}

/* font weight */
.font-weight-100 {font-weight:100}
.font-weight-200 {font-weight:200}
.font-weight-300 {font-weight:300}
.font-weight-400 {font-weight:400}
.font-weight-500 {font-weight:500}
.font-weight-600 {font-weight:600}
.font-weight-700 {font-weight:700}
.font-weight-800 {font-weight:800}
.font-weight-900 {font-weight:900}

/* ===================================
    Custom
====================================== */

.center-col {float:none; margin-left:auto; margin-right:auto }

.width-100 {width:100%;}
.width-auto {width: auto}

/*======================================
=            NO GUTTER CODE            =
======================================*/
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

/*======================================
=            HEADER           =
======================================*/

/*      LOGO        */
.page-header.navbar .page-logo {    
    padding-left: 5px;
    padding-right: 5px;
}

.page-header.navbar .page-logo .logo-default {
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    max-height: 40px;
}

.dropdown-menu {
    min-width: 160px;
}

.dropdown-menu {
    box-shadow: 0px 0px rgba(102, 102, 102, 0.1);
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a {
    font-size: 13px;    
}

/*======================================
=            SIDEBAR          =
======================================*/

.page-sidebar .sidebar-toggler {
    padding: 8px 12px;
    margin: 0!important;
    float: none;
    text-align: center;
    background: #212832;
}
.page-sidebar .page-sidebar-menu>li>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i {
    font-size: 13px;
}
.page-sidebar .page-sidebar-menu .sub-menu li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li>a,
.page-sidebar .page-sidebar-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a {
    font-size: 13px;
}
.page-sidebar .page-sidebar-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a {
    font-size: 13px;
}
/*     PROFILE SIDEBAR     */

.profile-sidebar{
    width:220px;
}

.profile-usermenu ul li a {  
    color: inherit;
    font-size: 13px;   
}

.profile-usermenu ul li a i {
    font-size: 13px;
}

.profile-usertitle-name {
    font-size: 16px;    
    font-weight: 600;   
}

.profile-usertitle-job {    
    font-size: 12px;
    font-weight: 400;   
}

/*    Page Title    */

.page-header.page-header-default {
    margin-bottom: 20px;
}

.page-title {
    padding: 0px;
    margin: 20px 0;
    font-size: 20px;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-weight: 500;
}
.page-container-bg-solid .page-title, .page-content-white .page-title {
    color: inherit;
    margin: 0px 0;
    font-size: 20px;
}

/*======================================
=            FORM CSS         =
======================================*/
[class*=" fa-"]:not(.fa-stack), [class*=" glyphicon-"], [class*=" icon-"], [class^=fa-]:not(.fa-stack), [class^=glyphicon-], [class^=icon-] {
    line-height: normal;

}

.input-group-addon>i {
    color: #253858; 
}
.form-group {
    margin-bottom: 10px;
}

.label {
    font-size: inherit;
}

label, form-label, control-label {
    font-weight: 400;
}

.form-control {
    height: 34px;
    padding: 6px 12px;
    font-size: inherit;
    color: #495057;
    font-weight: 400;
    -webkit-transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
}
.select2-container--bootstrap .select2-selection--single {
    height: 30px;
    display: block;
}

.btn {
    font-size: 13px;
}
.btn-sm {
    font-size: 12px;
}
.btn-xs {
    font-size: 12px;
}
.btn-icon-only {
    height: 22px;
    width: 22px;
}
.input-group-addon {
    font-size: inherit; 
}
.mt-checkbox, .mt-radio {
    font-size: inherit; 
}

/*Media (Audio/Videos and Images)
------------------------------------*/
/*Images*/
img.img-bordered {
    padding: 3px !important;
    border: solid 1px #eee !important;
}

img.img-circle {
    border-radius: 50% !important;
}

img.image-sm {
    width: 50px;
    height: 50px;
}

img.image-md {
    width: 100px;
    height: 100px;
}

/*======================================
=            TABLE CSS         =
======================================*/
.table td, .table th {
    font-size: 13px;
}
th {   
    font-weight: 500;   
}
.table thead tr th {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}
.align-middle > thead > tr > th,
.align-middle > tbody > tr > td {
    vertical-align: middle;
}
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th {
    border: 0;
}
.table-columned > tbody > tr > td,
.table-columned > tfoot > tr > td,
.table-columned > tbody > tr > th,
.table-columned > tfoot > tr > th {
    border: 0;
    border-left: 1px solid #ddd;
}
.table-columned > tbody > tr > td:first-child,
.table-columned > tfoot > tr > td:first-child,
.table-columned > tbody > tr > th:first-child,
.table-columned > tfoot > tr > th:first-child {
    border-left: 0;
}
.table-columned > thead > tr > th,
.table-columned > thead > tr > td {
    border-left: 1px solid #ddd;
}
.table-columned > thead > tr > th:first-child,
.table-columned > thead > tr > td:first-child {
    border-left: 0;
}

/*      Tables - Sizing     */

.table-xlg > thead > tr > th,
.table-xlg > tbody > tr > th,
.table-xlg > tfoot > tr > th,
.table-xlg > thead > tr > td,
.table-xlg > tbody > tr > td,
.table-xlg > tfoot > tr > td {
    padding: 20px;
}
.table-lg > thead > tr > th,
.table-lg > tbody > tr > th,
.table-lg > tfoot > tr > th,
.table-lg > thead > tr > td,
.table-lg > tbody > tr > td,
.table-lg > tfoot > tr > td {
    padding: 15px 20px;
}
.table-sm > thead > tr > th,
.table-sm > tbody > tr > th,
.table-sm > tfoot > tr > th,
.table-sm > thead > tr > td,
.table-sm > tbody > tr > td,
.table-sm > tfoot > tr > td {
    padding: 8px 12px;
}
.table-xs > thead > tr > th,
.table-xs > tbody > tr > th,
.table-xs > tfoot > tr > th,
.table-xs > thead > tr > td,
.table-xs > tbody > tr > td,
.table-xs > tfoot > tr > td {
    padding: 6px 10px;
}
.table-xxs > thead > tr > th,
.table-xxs > tbody > tr > th,
.table-xxs > tfoot > tr > th,
.table-xxs > thead > tr > td,
.table-xxs > tbody > tr > td,
.table-xxs > tfoot > tr > td {
    padding: 4px 10px;
}

.align-middle > thead > tr > th,
.align-middle > tbody > tr > td {
    vertical-align: middle;
}

/*      Table Condensed     */

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 3px 6px;
}


.table>tfoot>tr>td,
.table>tfoot>tr>th {
    padding: 8px;
}

.table.table-xs td,
.table.table-xxs th {
    font-size: 12px;
}

.table.table-sm thead tr th,
.table.table-xs thead tr th,
.table.table-xxs thead tr th,
.table.table-sm tfoot tr th,
.table.table-xs tfoot tr th,
.table.table-xxs tfoot tr th {
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
}
.nowrap {
    white-space:nowrap;
}

/******************************************************************************        
            PROJECTS LIST               
******************************************************************************/
table.projects-list {
    /* border-collapse: collapse; */
    background-attachment: local;
}

table.projects-list.table tfoot tr th,
table.projects-list.table thead tr th {
    font-size: 12px;
    /*font-weight: 400;*/
}

table.projects-list.table select,
table.projects-list.table input[type=text],
table.projects-list.table input[type=email],
table.projects-list.table input[type=date],
table.projects-list.table input[type=time] {
    font-size: 13px;  
    font-weight: 400;
    padding: 3px 6px;
    width: 100%;
    border: 1px solid #bebebe;
    margin: 0;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    outline: 0;
}

table.projects-list.table input[type=text]:focus,
table.projects-list.table input[type=email]:focus,
table.projects-list.table input[type=date]:focus,
table.projects-list.table input[type=time]:focus {
    -moz-box-shadow: 0 0 0px #eee;
    -webkit-box-shadow: 0 0 0px #eee;
    box-shadow: 0 0 0px #eee;
    border: 1px solid #bebebe;
}


table.projects-list.table ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 12px;
    font-weight: 200;
    opacity: 0.3;
    transition: opacity 250ms ease-in-out;
}
table.projects-list.table ::-moz-placeholder { /* Firefox 19+ */
    font-size: 12px;
    font-weight: 200;
    opacity: 0.3;
    transition: opacity 250ms ease-in-out;
}
table.projects-list.table :-ms-input-placeholder { /* IE 10+ */
    opacity: 1;
    font-size: 12px;
    font-weight: 200;
    transition: opacity 250ms ease-in-out;
}
table.projects-list.table :-moz-placeholder { /* Firefox 18- */
    opacity: 1;
    font-size: 12px;
    font-weight: 200;
    transition: opacity 250ms ease-in-out;
}


table.projects-list.table tfoot tr th,
table.projects-list.table tbody tr th,
table.projects-list.table thead tr td {
    /*    text-transform: capitalize;
        min-width: 102px;
        width: 102px;*/
}

table.projects-list.table .txtLong {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.portlet.light .dataTables_wrapper .dt-buttons {
    margin-top: -52px;
}

/******************************************          
            FOOTER CSS  
*******************************************/

.page-footer {    
    /*background-color: #1f1f1f;*/
}
@media (min-width: 992px){
    .page-footer{padding: 8px 20px !important} 
}

/******************************************          
            Profile CSS  
*******************************************/

.profile_details:nth-child(3n) {
    clear: both
}
.profile_details .profile_view {
    display: inline-block;
    padding: 10px 0 10px;
    background: #fff;
    border: 1px solid #e3e3e3;
    margin-bottom: 10px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.profile_details .profile_view:hover {
    background-color: #F2F5F7;
}

.profile_details .profile_view .divider {
    border-top: 1px solid #e5e5e5;
    padding-top: 5px;
    margin-top: 5px
}
.profile_details .profile_view .ratings {
    margin-bottom: 0
}
.profile_details .profile_view .bottom {
    background: #F2F5F7;
    padding: 9px 0;
    border-top: 1px solid #E6E9ED
}
.profile_details .profile_view .left .card-content {
    padding-top: 15px
}
.profile_details .profile_view h4 {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    margin: 5px 0
}
.profile_details .profile_view .left p {
    color: #686868;
    font-size: 12px;
    margin-bottom: 3px
}
.profile_details .profile_view .right {
    margin-top: 0px;
    padding: 10px
}
.profile_details .profile_view .img-circle {
    border: 1px solid #E6E9ED;
    padding: 2px
}

.profile_details .profile_view .brief {
    margin: 0;
    font-weight: 300
}
.profile_details .profile_left {
    background: white
}

/*      CHAT LIST CSS       */

.chat-info .name {
    font-size: 13px;
    display: block;
    margin: 0;
    margin-bottom: 3px;
}
.chat-info .name.xsname {
    font-size: 12px;    
}
.chat-info-des {
    color: #1d2129;
    font-size: 13px;
    line-height: 20px;
}
.last-message-time {
    font-size: 11px;
    color: #adb5bd;
    margin-top: 5px;
}

/*      PORTNET         */

.portlet {
    margin-bottom: 10px;
}

.scroller {
    padding: 0;
}

.portlet>.portlet-title>.caption {    
    font-size: 16px;
    line-height: 16px;
}

/*      MODAL         */