@font-face{
    font-family:material icons;
    font-style:normal;
    font-weight:400;
    src:url(../fonts/MaterialIcons-Regular.eot);
    src:local('Material Icons'),local('MaterialIcons-Regular'),url(../fonts/MaterialIcons-Regular.html) format('woff2'),url(../fonts/MaterialIcons-Regular.woff) format('woff'),url(../fonts/MaterialIcons-Regular.ttf) format('truetype')
}
@font-face{
    font-family:circularstd;
    font-style:normal;
    font-weight:400;
    src:local('Circular Std Book'),url(../fonts/CircularStd-Book.woff) format('woff')
}
@font-face{
    font-family:circularstd;
    font-style:italic;
    font-weight:400;
    src:local('Circular Std Book Italic'),url(../fonts/CircularStd-BookItalic.woff) format('woff')
}
@font-face{
    font-family:circularstd;
    font-style:normal;
    font-weight:500;
    src:local('Circular Std Medium'),url(../fonts/CircularStd-Medium.woff) format('woff')
}
@font-face{
    font-family:circularstd;
    font-style:italic;
    font-weight:500;
    src:local('Circular Std Medium Italic'),url(../fonts/CircularStd-MediumItalic.woff) format('woff')
}
@font-face{
    font-family:circularstd;
    font-style:normal;
    font-weight:600;
    src:local('Circular Std Bold'),url(../fonts/CircularStd-Bold.woff) format('woff')
}
@font-face{
    font-family:circularstd;
    font-style:italic;
    font-weight:600;
    src:local('Circular Std Bold Italic'),url(../fonts/CircularStd-BoldItalic.woff) format('woff')
}
@font-face{
    font-family:circularstd;
    font-style:normal;
    font-weight:800;
    src:local('Circular Std Black'),url(../fonts/CircularStd-Black.woff) format('woff')
}
@font-face{
    font-family:circularstd;
    font-style:italic;
    font-weight:800;
    src:local('Circular Std Black Italic'),url(../fonts/CircularStd-BlackItalic.woff) format('woff')
}
html{
    height:100%
}
body{
    font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /* font-family: Helvetica, sans-serif; */
    /* font-family:circularstd,sans-serif; */
    font-size:.9375rem;
    color:#1f1f1f;
    background-color:#f7f7f7;
    min-height:100%;
    overflow-x:hidden
}
h1,h2,h3,h4,h5,h6{
    font-family:CircularStd;
    margin-top:0;
    font-weight:500
}
h1,.h1{
    font-size:2.25rem
}
h2,.h2{
    font-size:1.875rem
}
h3,.h3{
    font-size:1.5rem
}
h4,.h4{
    font-size:1.125rem
}
h5,.h5{
    font-size:.875rem
}
h6,.h6{
    font-size:.75rem
}
a:hover,a:active,a:focus{
    text-decoration:none;
    outline:none
}
.form-control{
    border-color:#e3e3e3;
    box-shadow:none;
    font-size:15px;
    height:44px
}
.form-control:focus{
    border-color:#ccc;
    box-shadow:none;
    outline:0
}
.form-control[disabled],fieldset[disabled] .form-control{
    cursor:not-allowed
}
input,button,a{
    transition:all .4s ease;
    -moz-transition:all .4s ease;
    -o-transition:all .4s ease;
    -ms-transition:all .4s ease;
    -webkit-transition:all .4s ease
}
input,input:focus,button,button:focus{
    outline:none
}
input[type=file]{
    height:auto
}
input[type=text],input[type=password]{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
textarea.form-control{
    resize:vertical
}
.navbar-nav>li{
    float:left
}
.form-control-lg.form-control{
    border-radius:4px;
    height:46px
}
.form-control-sm.form-control{
    height:30px;
    border-radius:0
}
.input-group.input-group-lg .form-control{
    height:46px
}
.material-icons{
    font-family:material icons;
    font-weight:400;
    font-style:normal;
    font-size:24px;
    display:inline-block;
    line-height:1;
    text-transform:none;
    letter-spacing:normal;
    word-wrap:normal;
    white-space:nowrap;
    direction:ltr;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    -moz-osx-font-smoothing:grayscale;
    font-feature-settings:'liga'
}
.input-group-text{
    background-color:#f7f7f7;
    border-color:#e3e3e3
}
select.form-control[multiple] option,select.form-control[size] option{
    border-radius:3px;
    padding:7px 12px
}
select.form-control[multiple],select.form-control[size]{
    height:200px;
    padding:7px
}
.table-responsive{
    white-space:nowrap;
    width:100%
}
.table{
    color:#333
}
.table.table-white{
    background-color:#fff
}
.table thead th{
    font-weight:500;
    letter-spacing:.05em
}
.table-striped>tbody>tr:nth-of-type(2n+1){
    background-color:#f6f6f6
}
table.table td h2{
    display:inline-block;
    font-size:inherit;
    font-weight:400;
    margin:0;
    padding:0;
    vertical-align:middle
}
table.table td h2.table-avatar{
    align-items:center;
    display:inline-flex;
    font-size:inherit;
    font-weight:400;
    margin:0;
    padding:0;
    vertical-align:middle;
    white-space:nowrap
}
table.table td h2.table-avatar.blue-link a{
    color:#007bff
}
table.table td h2 a{
    color:#333
}
table.table td h2 a:hover{
    color:#ff9b44
}
table.table td h2 span{
    color:#888;
    display:block;
    font-size:12px;
    margin-top:3px
}
table.dataTable{
    margin-bottom:15px!important;
    margin-top:15px!important
}
.table-nowrap td,.table-nowrap th{
    white-space:nowrap
}
.table-hover tbody tr:hover{
    background-color:#f7f7f7;
    color:#212529
}
table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{
    padding-right:30px!important
}
.p-20{
    padding:20px!important
}
.p-t-0{
    padding-top:0!important
}
.m-0{
    margin:0!important
}
.m-r-5{
    margin-right:5px!important
}
.m-r-10{
    margin-right:10px!important
}
.m-l-5{
    margin-left:5px!important
}
.m-l-15{
    margin-left:15px!important
}
.m-t-5{
    margin-top:5px!important
}
.m-t-0{
    margin-top:0!important
}
.m-t-10{
    margin-top:10px!important
}
.m-t-15{
    margin-top:15px!important
}
.m-t-20{
    margin-top:20px!important
}
.m-t-30{
    margin-top:30px!important
}
.m-t-50{
    margin-top:50px!important
}
.m-b-5{
    margin-bottom:5px!important
}
.m-b-10{
    margin-bottom:10px!important
}
.m-b-15{
    margin-bottom:15px!important
}
.m-b-20{
    margin-bottom:20px!important
}
.m-b-30{
    margin-bottom:30px!important
}
.w-40{
    width:40px
}
.btn-md{
    height:40px
}
.block{
    display:block!important
}
.text-ellipsis{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.text-muted-light{
    color:#aaa
}
.text-xs{
    font-size:.75rem!important
}
.text-sm{
    font-size:.875rem!important
}
.text-lg{
    font-size:1.25rem!important
}
.text-xl{
    font-size:1.5rem!important
}
.font-18{
    font-size:18px
}
.btn.btn-rounded{
    border-radius:50px
}
.btn{
    border-radius:5px
}
.btn.disabled,.btn:disabled,.btn.disabled *{
    cursor:not-allowed !important
}
.btn-white{
    background-color:#fff;
    border:1px solid #ccc;
    color:#333
}
.btn-white:focus,.btn-white:hover{
    background-color:#f7f7f7
}
.rounded,.circle{
    border-radius:500px
}
.bg-purple,.badge-purple{
    background-color:#7460ee!important
}
.bg-primary,.badge-primary{
    background-color:#ff9b44!important
}
.bg-success,.badge-success{
    background-color:#55ce63!important
}
.bg-info,.badge-info{
    background-color:#009efb!important
}
.bg-warning,.badge-warning{
    background-color:#ffbc34!important
}
.bg-danger,.badge-danger{
    background-color:#f62d51!important
}
.bg-white{
    background-color:#fff
}
.bg-gray{
    background-color:#e5e5e5 !important;
}
.text-primary,.dropdown-menu>li>a.text-primary{
    color:#ff9b44!important
}
.text-success,.dropdown-menu>li>a.text-success{
    color:#55ce63!important
}
.text-danger,.dropdown-menu>li>a.text-danger{
    color:#f62d51!important
}
.text-info,.dropdown-menu>li>a.text-info{
    color:#009efb!important
}
.text-warning,.dropdown-menu>li>a.text-warning{
    color:#ffbc34!important
}
.text-purple,.dropdown-menu>li>a.text-purple{
    color:#7460ee!important
}
.text-muted{
    color:#8e8e8e!important
}
.btn-purple{
    background-color:#7460ee;
    border:1px solid #7460ee;
    color:#fff
}
.btn-purple:hover,.btn-purple:focus{
    background-color:#482fe9;
    border:1px solid #482fe9
}
.btn-primary{
    background-color:#ff9b44;
    border:1px solid #ff9b44
}
.btn-primary:hover,.btn-primary:focus,.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{
    background-color:#ff851a;
    border:1px solid #ff851a
}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary.focus:active,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{
    background-color:#ff851a;
    border:1px solid #ff851a
}
.btn-primary.active:not(:disabled):not(.disabled),.btn-primary:active:not(:disabled):not(.disabled),.show>.btn-primary.dropdown-toggle{
    background-color:#ff851a;
    border-color:#ff851a;
    color:#fff
}
.btn-primary.active:focus:not(:disabled):not(.disabled),.btn-primary:active:focus:not(:disabled):not(.disabled),.show>.btn-primary.dropdown-toggle:focus{
    box-shadow:unset
}
.btn-primary.disabled,.btn-primary:disabled{
    background-color:#ff9b44;
    border-color:#ff9b44;
    color:#fff
}
.btn-success{
    background-color:#55ce63 !important;
    border:1px solid #55ce63 !important;
}
.btn-success:hover,.btn-success:focus,.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{
    background:#4ab657;
    border:1px solid #4ab657;
    color:#fff
}
.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success.focus:active,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{
    background:#4ab657;
    border:1px solid #4ab657
}
.btn-success.active:focus:not(:disabled):not(.disabled),.btn-success:active:focus:not(:disabled):not(.disabled),.show>.btn-success.dropdown-toggle:focus{
    box-shadow:unset
}
.btn-success.disabled,.btn-success:disabled{
    background-color:#55ce63;
    border-color:#55ce63;
    color:#fff
}
.btn-info{
    background-color:#009efb;
    border:1px solid #009efb
}
.btn-info:hover,.btn-info:focus,.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{
    background-color:#028ee1;
    border:1px solid #028ee1
}
.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info.focus:active,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{
    background-color:#028ee1;
    border:1px solid #028ee1
}
.btn-info.active:focus:not(:disabled):not(.disabled),.btn-info:active:focus:not(:disabled):not(.disabled),.show>.btn-info.dropdown-toggle:focus{
    box-shadow:unset
}
.btn-info.disabled,.btn-info:disabled{
    background-color:#009efb;
    border-color:#009efb;
    color:#fff
}
.btn-warning{
    background:#ffbc34;
    border:1px solid #ffbc34
}
.btn-warning:hover,.btn-warning:focus,.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{
    background:#e9ab2e;
    border:1px solid #e9ab2e
}
.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning.focus:active,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{
    background:#e9ab2e;
    border:1px solid #e9ab2e
}
.btn-warning.active:focus:not(:disabled):not(.disabled),.btn-warning:active:focus:not(:disabled):not(.disabled),.show>.btn-warning.dropdown-toggle:focus{
    box-shadow:unset
}
.btn-warning.disabled,.btn-warning:disabled{
    background-color:#ffbc34;
    border-color:#ffbc34;
    color:#fff
}
.btn-danger{
    background:#f62d51;
    border:1px solid #f62d51
}
.btn-danger:hover,.btn-danger:focus,.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{
    background-color:#e6294b;
    border:1px solid #e6294b
}
.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger.focus:active,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{
    background:#e9ab2e;
    border:1px solid #e9ab2e
}
.btn-danger.active:focus:not(:disabled):not(.disabled),.btn-danger:active:focus:not(:disabled):not(.disabled),.show>.btn-danger.dropdown-toggle:focus{
    box-shadow:unset
}
.btn-danger.disabled,.btn-danger:disabled{
    background-color:#f62d51;
    border-color:#f62d51;
    color:#fff
}
.btn-custom{
    background:#ff9b44;
    background:-moz-linear-gradient(left,#ff9b44 0%,#fc6075 100%);
    background:-webkit-linear-gradient(left,#ff9b44 0%,#fc6075 100%);
    background:-ms-linear-gradient(left,#ff9b44 0%,#fc6075 100%);
    background:linear-gradient(to right,#ff9b44 0%,#fc6075 100%);
    color:#fff
}
.btn-custom.focus,.btn-custom:focus,.btn-custom:hover{
    background:#ff9b44;
    background:-moz-linear-gradient(left,#ff9b44 0%,#fc6075 100%);
    background:-webkit-linear-gradient(left,#ff9b44 0%,#fc6075 100%);
    background:-ms-linear-gradient(left,#ff9b44 0%,#fc6075 100%);
    background:linear-gradient(to right,#ff9b44 0%,#fc6075 100%);
    color:#fff
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
    background-color:#ff9b44;
    border-color:#ff9b44
}
.pagination>li>a,.pagination>li>span{
    color:#ff9b44
}
.page-link:hover{
    color:#ff9b44
}
.page-link:focus{
    box-shadow:unset
}
.page-item.active .page-link{
    background-color:#ff9b44;
    border-color:#ff9b44
}
.dropdown-menu{
    border:1px solid rgba(0,0,0,.1);
    border-radius:3px;
    transform-origin:left top 0;
    box-shadow:inherit;
    background-color:#fff
}
.navbar-nav .open .dropdown-menu{
    background-color:#fff;
    border:1px solid rgba(0,0,0,.1)
}
.dropdown-menu{
    font-size:13px
}
.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{
    box-shadow:none
}
.btn-link{
    color:#333
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{
    background-color:rgba(0,0,0,.2)
}
.form-text{
    color:#999;
    font-size:12px;
    margin-bottom:7px;
    margin-top:7px
}
.btn.focus,.btn:focus{
    box-shadow:unset
}
.dropdown-item.active,.dropdown-item:active{
    background-color:#ff9b44
}
.list-group-item{
    border:1px solid #e3e3e3
}
.custom-file{
    height:44px
}
.custom-file .custom-file-label{
    border:1px solid #e3e3e3;
    height:44px;
    margin-bottom:0;
    padding:10px 15px
}
.custom-file-label::after{
    background-color:#f2f2f2;
    height:42px;
    padding:10px 15px
}
.custom-file input[type=file]{
    height:44px
}
.bg-inverse-primary{
    background:rgba(77,138,240,.2)!important;
    color:#4d8af0!important
}
.bg-inverse-secondary{
    background:rgba(194,198,209,.2)!important;
    color:#c2c6d1!important
}
.bg-inverse-success{
    background-color:rgba(15,183,107,.12)!important;
    color:#26af48!important
}
.bg-inverse-purple{
    background:rgba(108,97,246,.2)!important;
    color:#6c61f6!important
}
.bg-inverse-warning{
    background-color:rgba(255,152,0,.12)!important;
    color:#f39c12!important
}
.bg-inverse-danger{
    background-color:rgba(242,17,54,.12)!important;
    color:#e63c3c!important
}
.bg-inverse-light{
    background:rgba(223,223,223,.2)!important;
    color:#dfdfdf!important
}
.bg-inverse-dark{
    background:rgba(116,118,123,.2)!important;
    color:#74767b!important
}
.bg-inverse-white{
    background:rgba(255,255,255,.2)!important;
    color:#fff!important
}
.bg-inverse-info{
    background-color:rgba(2,182,179,.12)!important;
    color:#1db9aa!important
}
.bg-inverse-default{
    background-color:rgba(40,52,71,.12)!important;
    color:#283447!important
}
.bg-gradient-primary{
    background:linear-gradient( to right,#6e00ff 10%,#6e00ff 100%)
}
.bg-gradient-secondary{
    background:linear-gradient(to bottom right,#f35c38 0,#f35c38 100%)
}
.bg-gradient-success{
    background:linear-gradient(to bottom right,#0ba408 0,#28e224 100%)
}
.bg-gradient-info{
    background:linear-gradient(to bottom right,#69c7de 0,#1e9fc4 100%)
}
.bg-gradient-warning{
    background:linear-gradient(to bottom right,#ecd53e 0,#efaf28 100%)
}
.bg-gradient-teal{
    background:linear-gradient(to bottom right,#00796b 0,#4db6ac 100%)
}
.bg-gradient-blue{
    background:linear-gradient(to right,#1976d2 0,#64b5f6 100%)
}
.bg-gradient-danger{
    background:linear-gradient(to right,#f95058 0,#f33540 100%)
}
.bg-gradient-purple{
    background:linear-gradient(to right,#8a56e6 0,#6f3cca 100%)
}
@-moz-keyframes pulse{
    0%{
        -moz-transform:scale(0);
        opacity:0
    }
    25%{
        -moz-transform:scale(0);
        opacity:.1
    }
    50%{
        -moz-transform:scale(.1);
        opacity:.3
    }
    75%{
        -moz-transform:scale(.5);
        opacity:.5
    }
    100%{
        -moz-transform:scale(1);
        opacity:0
    }
}
@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scale(0);
        opacity:0
    }
    25%{
        -webkit-transform:scale(0);
        opacity:.1
    }
    50%{
        -webkit-transform:scale(.1);
        opacity:.3
    }
    75%{
        -webkit-transform:scale(.5);
        opacity:.5
    }
    100%{
        -webkit-transform:scale(1);
        opacity:0
    }
}
@-webkit-keyframes taskHighlighter{
    0%{
        background:#feeb99
    }
    100%{
        background:#fff
    }
}
@keyframes taskHighlighter{
    0%{
        background:#feeb99
    }
    100%{
        background:#fff
    }
}
.check{
    display:block;
    margin:0;
    padding:0;
    width:0;
    height:0;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    position:absolute
}
.checktoggle{
    background-color:#e0001a;
    border-radius:12px;
    cursor:pointer;
    display:block;
    font-size:0;
    height:24px;
    margin-bottom:0;
    position:relative;
    width:48px
}
.checktoggle:after{
    content:' ';
    display:block;
    position:absolute;
    top:50%;
    left:0;
    transform:translate(5px,-50%);
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:50%;
    transition:left 300ms ease,transform 300ms ease
}
.check:checked+.checktoggle{
    background-color:#55ce63
}
.check:checked+.checktoggle:after{
    left:100%;
    transform:translate(calc(-100% - 5px),-50%)
}
.onoffswitch{
    margin-left:auto;
    position:relative;
    width:73px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none
}
.onoffswitch-checkbox{
    display:none
}
.onoffswitch-label{
    display:block;
    overflow:hidden;
    cursor:pointer;
    border-radius:20px;
    margin-bottom:0
}
.onoffswitch-inner{
    display:block;
    margin-left:-100%;
    transition:margin .3s ease-in 0s;
    width:200%
}
.onoffswitch-inner:before,.onoffswitch-inner:after{
    box-sizing:border-box;
    color:#fff;
    display:block;
    float:left;
    font-size:16px;
    height:30px;
    line-height:32px;
    padding:0;
    width:50%
}
.onoffswitch-inner:before{
    background-color:#55ce63;
    color:#fff;
    content:"ON";
    padding-left:14px
}
.onoffswitch-inner:after{
    content:"OFF";
    padding-right:14px;
    background-color:#ccc;
    color:#fff;
    text-align:right
}
.onoffswitch-switch{
    background:#fff;
    border-radius:20px;
    bottom:0;
    display:block;
    height:20px;
    margin:5px;
    position:absolute;
    right:43px;
    top:0;
    transition:all .3s ease-in 0s;
    width:20px
}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{
    margin-left:0
}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{
    right:0
}
.switch{
    cursor:pointer;
    position:relative
}
.switch input{
    position:absolute;
    opacity:0;
    filter:alpha(opacity=0)
}
.switch input:checked+span{
    background-color:#55ce63
}
.switch input:checked+span:after{
    left:31px
}
.switch span{
    position:relative;
    width:60px;
    height:30px;
    border-radius:30px;
    background-color:#fff;
    border:1px solid #eee;
    border-color:rgba(0,0,0,.1);
    display:inline-block;
    -webkit-transition:background-color .2s;
    transition:background-color .2s
}
.switch span:after{
    content:"";
    position:absolute;
    background-color:#fff;
    width:26px;
    top:1px;
    bottom:1px;
    border-radius:30px;
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.25);
    box-shadow:1px 1px 3px rgba(0,0,0,.25);
    -webkit-transition:left .2s;
    transition:left .2s
}
.rating-list{
    display:flex;
    justify-content:center
}
.rating-list>span{
    display:inline-block;
    margin-right:4px
}
.rating-list span a{
    background-color:#ccc;
    border-radius:4px;
    color:#333;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:50px;
    height:50px;
    font-size:18px;
    font-weight:600;
    margin-bottom:5px
}
.rating-list span.rating-bad a{
    background-color:#ad0d20;
    color:#fff
}
.rating-list span.rating-normal a{
    background-color:#dccc00;
    color:#fff
}
.rating-list span.rating-good a{
    background-color:#00a100;
    color:#fff
}
.rating-text{
    font-size:12px;
    max-width:157px;
    display:inline-block;
    margin-top:5px
}
.rating-list>span.rating-normal{
    text-align:center
}
.rating-list>span.rating-good{
    text-align:right
}
.custom_check{
    color:#555;
    display:inline-block;
    position:relative;
    font-size:14px;
    font-size:.9375rem;
    padding-left:30px;
    margin-bottom:10px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.custom_check input{
    position:absolute;
    opacity:0;
    cursor:pointer
}
.custom_check input:checked~.checkmark{
    background-color:#ff9b44;
    border:1px solid transparent
}
.custom_check .checkmark{
    position:absolute;
    top:0;
    left:0;
    height:20px;
    width:20px;
    border:1px solid #d2d8dd;
    background-color:#fff;
    border-radius:3px;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.custom_check .checkmark:after{
    content:"";
    position:absolute;
    display:none;
    left:7px;
    top:3px;
    width:5px;
    height:10px;
    border:solid #fff;
    border-width:0 2px 2px 0;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.custom_check input:checked~.checkmark:after{
    display:block
}
.custom_radio{
    color:#555;
    display:inline-block;
    position:relative;
    font-size:14px;
    font-size:.9375rem;
    padding-left:30px;
    margin-bottom:10px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.radio_input .custom_radio+.custom_radio{
    margin-left:15px
}
.custom_radio input{
    position:absolute;
    opacity:0
}
.custom_radio input:checked~.checkmark:after{
    opacity:1
}
.custom_radio .checkmark{
    position:absolute;
    top:0;
    left:0;
    height:20px;
    width:20px;
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:50%
}
.custom_radio .checkmark:after{
    display:block;
    content:"";
    position:absolute;
    opacity:0;
    top:3px;
    left:3px;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#ff9b44;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.setting-performance-table.table>tbody>tr>td,.setting-performance-table.table>tbody>tr>th,.setting-performance-table.table>tfoot>tr>td,.setting-performance-table.table>tfoot>tr>th,.setting-performance-table.table>thead>tr>td,.setting-performance-table.table>thead>tr>th{
    vertical-align:middle
}
.setting-performance-table textarea.form-control{
    resize:none;
    height:44px!important;
    padding-top:10px!important
}
.modal{
    -webkit-overflow-scrolling:touch;
    box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 20%);
}
.modal-footer.text-center{
    justify-content:center
}
.modal-footer.text-left{
    justify-content:flex-start
}
.modal-dialog.modal-md{
    max-width:600px
}
.custom-modal .modal-content{
    border:0;
    border-radius:10px
}
.custom-modal .modal-footer{
    border:0
}
.custom-modal .modal-header{
    border:0;
    justify-content:center;
    padding:30px 30px 0
}
.custom-modal .modal-footer{
    border:0;
    justify-content:center;
    padding:0 30px 30px
}
.custom-modal .modal-body{
    padding:30px
}
.custom-modal .close{
    background-color:#a0a0a0;
    border-radius:50%;
    color:#fff;
    font-size:13px;
    height:20px;
    line-height:20px;
    margin:0;
    opacity:1;
    padding:0;
    position:absolute;
    right:10px;
    top:10px;
    width:20px;
    z-index:99
}
.custom-modal .modal-title{
    font-size:22px
}
.modal-backdrop.show{
    opacity:.4;
    -webkit-transition-duration:400ms;
    transition-duration:400ms
}
.modal .card{
    box-shadow:unset
}
.header{
    background:#fff;
    border-bottom:1px solid #ededed;
    box-shadow:0 1px 1px 0 rgba(0,0,0,.2);
    height:60px;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:1002
}
.header .header-left{
    float:left;
    height:60px;
    padding:0 20px;
    position:relative;
    text-align:center;
    width:230px;
    z-index:1;
    transition:all .2s ease-in-out
}
.header .header-left .logo{
    display:inline-block;
    line-height:60px
}
.bar-icon{
    display:inline-block;
    width:21px
}
.bar-icon span{
    background-color:#999;
    border-radius:500px;
    display:block;
    float:left;
    height:2px;
    margin-bottom:5px;
    width:21px
}
.bar-icon span:nth-child(2){
    width:15px
}
.bar-icon span:nth-child(3){
    margin-bottom:0
}
.header .navbar-nav .badge{
    position:absolute;
    right:7px;
    top:4px
}
.header .dropdown-menu>li>a{
    position:relative
}
.header .dropdown-toggle::after{
    display:none
}
.header .has-arrow .dropdown-toggle:after{
    border-top:0;
    border-left:0;
    border-bottom:2px solid #999;
    border-right:2px solid #999;
    content:'';
    height:8px;
    display:inline-block;
    pointer-events:none;
    -webkit-transform-origin:66% 66%;
    -ms-transform-origin:66% 66%;
    transform-origin:66% 66%;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition:all .15s ease-in-out;
    transition:all .15s ease-in-out;
    width:8px;
    vertical-align:2px
}
.header .has-arrow .dropdown-toggle[aria-expanded=true]:after{
    -webkit-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    transform:rotate(-135deg)
}
.page-title-box{
    border-radius:0;
    float:left;
    height:60px;
    margin-bottom:0;
    padding:17px 20px
}
.page-title-box h3{
    color:#333;
    font-size:20px;
    font-weight:400;
    margin:0
}
.user-menu{
    float:right;
    margin:0;
    position:relative;
    z-index:99
}
.user-menu.nav>li>a{
    color:#333;
    font-size:15px;
    line-height:60px;
    padding:0 15px;
    height:60px
}
.user-menu.nav>li>a:hover,.user-menu.nav>li>a:focus{
    background-color:rgba(0,0,0,.2)
}
.flag-nav img{
    margin-right:5px
}
.flag-nav .dropdown-menu{
    max-height:150px;
    min-width:120px;
    overflow-y:auto
}
.flag-nav .dropdown-menu .dropdown-item{
    padding:5px 15px
}
.user-img{
    display:inline-block;
    position:relative
}
.main-drop .user-img img{
    border-radius:50%;
    width:30px
}
.user-img .status{
    border:2px solid #fff;
    bottom:0;
    height:10px;
    margin:0;
    position:absolute;
    right:0;
    width:10px
}
.user-menu .user-img .status{
    bottom:12px
}
.status{
    background-color:#263238;
    border-radius:50%;
    display:inline-block;
    height:10px;
    width:10px
}
.status.online{
    background-color:#55ce63
}
.status.offline{
    background-color:#f62d51
}
.status.away{
    background-color:#faa937
}
.main-drop .dropdown-menu{
    min-width:130px;
    padding:0
}
.sidebar{
    background-color:#fff;
    border-right:1px solid #ddd;
    bottom:0;
    left:0;
    margin-top:0;
    position:fixed;
    top:60px;
    transition:all .2s ease-in-out 0s;
    width:230px;
    z-index:1001
}
.sidebar.opened{
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.sidebar-inner{
    height:100%;
    transition:all .2s ease-in-out 0s
}
.sidebar-menu{
    padding:10px 0
}
.sidebar-menu ul{
    font-size:15px;
    list-style-type:none;
    margin:0;
    padding:0;
    position:relative
}
.sidebar-menu li a{
    color:#333;
    display:block;
    font-size:15px;
    height:auto;
    padding:0 20px
}
.sidebar-menu li a:hover{
    background-color:#ffebda
}
.sidebar-menu li.active a{
    color:#333;
    background-color:#ffebda
}
.menu-title{
    color:#9e9e9e;
    display:flex;
    font-size:14px;
    opacity:1;
    padding:5px 15px;
    white-space:nowrap
}
.menu-title>i{
    float:right;
    line-height:40px
}
.sidebar-menu li.menu-title a{
    color:#ff9b44;
    display:inline-block;
    margin-left:auto;
    padding:0
}
.sidebar-menu li.menu-title a.btn{
    color:#fff;
    display:block;
    float:none;
    font-size:15px;
    margin-bottom:15px;
    padding:10px 15px
}
.sidebar-menu ul ul a.active{
    background-color:#ffebda;
    color:#000;
    text-decoration:underline
}
.mobile-user-menu{
    color:#fff;
    display:none;
    float:right;
    font-size:24px;
    height:60px;
    line-height:60px;
    padding:0 20px;
    position:absolute;
    right:0;
    text-align:right;
    top:0;
    width:60px;
    z-index:10
}
.mobile-user-menu>a{
    color:#333;
    padding:0
}
.mobile-user-menu a:hover{
    color:#333
}
.mobile-user-menu>.dropdown-menu{
    min-width:130px
}
.mobile-user-menu>.dropdown-menu>a{
    line-height:23px
}
.profile-rightbar{
    display:none!important;
    color:#bbb;
    font-size:26px;
    margin-left:15px
}
.mobile_btn{
    display:none;
    float:left
}
.sidebar .sidebar-menu>ul>li>a span{
    transition:all .2s ease-in-out 0s;
    display:inline-block;
    margin-left:15px;
    white-space:nowrap
}
.sidebar .sidebar-menu>ul>li>a span.chat-user{
    margin-left:0;
    overflow:hidden;
    text-overflow:ellipsis
}
.sidebar .sidebar-menu>ul>li>a span.badge{
    margin-left:auto
}
.sidebar-menu ul ul a{
    display:block;
    font-size:14px;
    padding:9px 10px 9px 50px;
    position:relative
}
.sidebar-menu ul ul{
    display:none
}
.sidebar-menu ul ul ul a{
    padding-left:70px
}
.sidebar-menu ul ul ul ul a{
    padding-left:90px
}
.sidebar-menu>ul>li{
    position:relative
}
.sidebar-menu .menu-arrow{
    -webkit-transition:-webkit-transform .15s;
    -o-transition:-o-transform .15s;
    transition:transform .15s;
    position:absolute;
    right:15px;
    display:inline-block;
    font-family:fontawesome;
    text-rendering:auto;
    line-height:40px;
    font-size:18px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0);
    line-height:18px;
    top:11px
}
.sidebar-menu .menu-arrow:before{
    content:"\f105"
}
.sidebar-menu li a.subdrop .menu-arrow{
    -ms-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg)
}
.noti-dot:before{
    content:'';
    width:5px;
    height:5px;
    border:5px solid #ff9b44;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    background-color:#ff9b44;
    z-index:10;
    position:absolute;
    right:37px;
    top:15px
}
.noti-dot:after{
    content:'';
    border:4px solid #ff9b44;
    background:0 0;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;
    height:24px;
    width:24px;
    -webkit-animation:pulse 3s ease-out;
    -moz-animation:pulse 3s ease-out;
    animation:pulse 3s ease-out;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    position:absolute;
    top:8px;
    right:30px;
    z-index:1;
    opacity:0
}
.sidebar-menu ul ul a .menu-arrow{
    top:6px
}
.sidebar-menu a{
    line-height:1.3;
    transition:unset;
    -moz-transition:unset;
    -o-transition:unset;
    -ms-transition:unset;
    -webkit-transition:unset
}
.sidebar-menu>ul>li>a{
    padding:8px 15px;
    align-items:center;
    display:flex;
    justify-content:flex-start;
    position:relative;
    transition:all .2s ease-in-out 0s
}
.sidebar-menu ul li a i{
    display:inline-block;
    font-size:24px;
    line-height:24px;
    text-align:left;
    vertical-align:middle;
    width:20px;
    transition:all .2s ease-in-out 0s
}
.sidebar-menu ul li.menu-title a i{
    font-size:16px!important;
    margin-right:0;
    text-align:right;
    width:auto
}
.sidebar-menu li a>.badge{
    color:#fff
}
.page-wrapper{
    left:0;
    margin-left:230px;
    padding-top:60px;
    position:relative;
    transition:all .2s ease-in-out
}
.page-wrapper>.content{
    padding:15px
}
.page-header{
    margin-bottom:0.875rem
}
.page-header .breadcrumb{
    background-color:transparent;
    color:#6c757d;
    font-size:1rem;
    font-weight:500;
    margin-bottom:0;
    padding:0
}
.page-header .breadcrumb a{
    color:#333
}
.card{
    border:1px solid #ededed;
    box-shadow:0 1px 1px 0 rgba(0,0,0,.2);
    margin-bottom:30px
}
.card-title{
    color:#1f1f1f;
    font-size:20px;
    font-weight:500;
    margin-bottom:20px
}
.card-header{
    background-color:#fff
}
.card-footer{
    background-color:#fff
}
.page-title{
    color:#1f1f1f;
    font-size:26px;
    font-weight:500;
    margin-bottom:5px
}
.page-sub-title{
    color:#565656;
    font-size:18px;
    font-weight:400;
    margin-bottom:20px
}
.add-btn{
    background-color:#ff9b44;
    border:1px solid #ff9b44;
    border-radius:50px;
    color:#fff;
    float:right;
    font-weight:500;
    min-width:140px
}
.add-btn:hover,.add-btn:focus,.add-btn:active{
    background-color:#ff851a;
    border:1px solid #ff851a;
    color:#fff
}
.add-btn i{
    margin-right:5px
}
.cal-icon{
    position:relative;
    width:100%
}
.cal-icon:after{
    color:#979797;
    content:"\f073";
    display:block;
    font-family:fontawesome;
    font-size:15px;
    margin:auto;
    position:absolute;
    right:15px;
    top:10px
}
.form-focus .cal-icon:after{
    top:15px
}
.account-page{
    align-items:center;
    display:flex
}
.account-page .main-wrapper{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    width:100%
}
.account-content{
    padding:20px 0
}
.account-title{
    font-size:26px;
    font-weight:500;
    margin-bottom:5px;
    text-align:center
}
.account-subtitle{
    color:#4c4c4c;
    font-size:18px;
    margin-bottom:30px;
    text-align:center
}
.account-box{
    background-color:#fff;
    border:1px solid #ededed;
    border-radius:4px;
    box-shadow:0 1px 1px 0 rgba(0,0,0,.2);
    margin:0 auto;
    overflow:hidden;
    width:480px
}
.account-wrapper{
    padding:30px
}
.account-logo{
    margin-bottom:30px;
    text-align:center
}
.account-box .form-group{
    margin-bottom:25px
}
.account-box .account-btn{
    background:#ff9b44;
    background:-moz-linear-gradient(left,#ff9b44 0%,#fc6075 100%);
    background:-webkit-linear-gradient(left,#ff9b44 0%,#fc6075 100%);
    background:-ms-linear-gradient(left,#ff9b44 0%,#fc6075 100%);
    background:linear-gradient(to right,#ff9b44 0%,#fc6075 100%);
    border:0;
    border-radius:4px;
    display:block;
    font-size:22px;
    padding:10px 26px;
    width:100%
}
.account-box .account-btn:hover,.account-box .account-btn:focus{
    border:0;
    opacity:.8
}
.account-box .form-control{
    background-color:#fbfbfb;
    border:1px solid #e3e3e3;
    border-radius:4px;
    height:46px
}
.account-box label{
    color:#1f1f1f;
    font-size:16px;
    font-weight:400;
    margin-bottom:5px
}
.account-logo img{
    width:100px
}
.account-footer{
    text-align:center
}
.account-footer p{
    margin-bottom:0
}
.account-footer a{
    color:#ff9b44
}
.account-footer a:hover{
    color:#ff9b44
}
.card-table .card-header{
    background-color:#fff;
    border-bottom:1px solid #ddd;
    padding:15px
}
.card-table .card-body{
    padding:0
}
.card-table .card-footer{
    background-color:#fff;
    text-align:center
}
.card-table .card-footer a{
    color:#333
}
.card-title>a.btn{
    color:#fff
}
.custom-table tr{
    background-color:#fff;
    box-shadow:0 0 3px #e5e5e5
}
.table.custom-table>tbody>tr>td,.table.custom-table>tbody>tr>th,.table.custom-table>tfoot>tr>td,.table.custom-table>tfoot>tr>th,.table.custom-table>thead>tr>td,.table.custom-table>thead>tr>th{
    padding:10px 8px;
    vertical-align:middle
}
.table.custom-table>tbody>tr>td:first-child,.table.custom-table>thead>tr>th:first-child{
    padding-left:15px
}
.table.custom-table>tbody>tr>td:last-child,.table.custom-table>thead>tr>th:last-child{
    padding-right:15px
}
.dash-widget-icon{
    background-color:rgba(255,155,68,.2);
    border-radius:100%;
    color:#ff9b44;
    display:inline-block;
    float:left;
    font-size:30px;
    height:60px;
    line-height:60px;
    margin-right:10px;
    text-align:center;
    width:60px
}
.dash-widget-info{
    text-align:right
}
.dash-widget-info>h3{
    font-size:30px;
    font-weight:600
}
.dash-widget-info>span{
    font-size:16px
}
.dash-statistics .stats-info{
    margin-bottom:5px
}
.dash-statistics .stats-info:last-child{
    margin-bottom:0
}
.dash-statistics .progress{
    height:4px
}
.dash-statistics .stats-list{
    height:auto
}
.leave-info-box{
    border:1px solid #e5e5e5;
    padding:15px;
    margin-bottom:15px
}
.leave-info-box:last-child{
    margin-bottom:0
}
.load-more a{
    background-color:#fff;
    border:1px solid #eaeaea;
    border-radius:3px;
    box-shadow:0 1px 2px 0 rgba(0,0,0,.05);
    display:inline-block;
    font-size:14px;
    padding:5px 15px
}
.activity-box{
    position:relative
}
.activity-list{
    list-style:none;
    margin:0 0 0 10px;
    padding:0;
    position:relative
}
.activity .activity-list{
    list-style:none;
    margin:0;
    padding:0;
    position:relative
}
.activity .activity-list>li .activity-user{
    height:32px;
    margin:0;
    padding:0;
    position:absolute;
    top:12px;
    left:8px;
    width:32px
}
.activity .activity-list>li .activity-content{
    background-color:#fff;
    margin:0 0 0 40px;
    padding:0;
    position:relative
}
.activity-list::before{
    background:#ddd;
    bottom:0;
    content:"";
    left:23px;
    position:absolute;
    top:8px;
    width:2px
}
.activity .activity-list li::before{
    background:#ddd;
    bottom:0;
    content:"";
    left:22px;
    position:absolute;
    top:12px;
    width:2px
}
.activity-list li::before{
    background:#eee;
    bottom:0;
    content:"";
    left:8px;
    position:absolute;
    top:8px;
    width:2px
}
.activity-list>li{
    background-color:#fff;
    margin-bottom:10px;
    padding:10px;
    position:relative;
    border:1px solid #ededed;
    box-shadow:0 1px 1px 0 rgba(0,0,0,.2)
}
.activity-list>li:last-child .activity-content{
    margin-bottom:0
}
.activity-user .avatar{
    height:32px;
    line-height:32px;
    margin:0;
    width:32px
}
.activity-list>li .activity-user{
    background:#fff;
    height:32px;
    left:-7px;
    margin:0;
    padding:0;
    position:absolute;
    top:3px;
    width:32px
}
.activity-list>li .activity-content{
    background-color:#fff;
    margin:0 0 20px 40px;
    padding:0;
    position:relative
}
.activity-list>li .activity-content .timeline-content{
    color:#9e9e9e
}
.activity-list>li .activity-content .timeline-content a{
    color:#616161
}
.activity-list>li .time{
    color:#bdbdbd;
    display:block;
    font-size:13px
}
.select2-container .select2-selection--single{
    border:1px solid #e3e3e3;
    border-radius:.25rem;
    height:44px
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:42px;
    right:7px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color:#ccc transparent transparent;
    border-style:solid;
    border-width:6px 6px 0;
    height:0;
    left:50%;
    margin-left:-10px;
    margin-top:-2px;
    position:absolute;
    top:50%;
    width:0
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #ccc;
    border-width:0 6px 6px
}
.select2-container .select2-selection--single .select2-selection__rendered{
    padding-right:30px;
    padding-left:15px
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#676767;
    font-size:15px;
    font-weight:400;
    line-height:42px
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#ff9b44
}
.nav-tabs .nav-link{
    border-radius:0
}
.nav-tabs>li>a{
    margin-right:0;
    color:#888;
    border-radius:0
}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{
    background-color:#eee;
    border-color:transparent;
    color:#333
}
.nav-tabs.nav-justified>li>a{
    border-radius:0;
    margin-bottom:0
}
.nav-tabs.nav-justified>li>a:hover,.nav-tabs.nav-justified>li>a:focus{
    border-bottom-color:#ddd
}
.nav-tabs.nav-justified.nav-tabs-solid>li>a{
    border-color:transparent
}
.nav-tabs.nav-tabs-solid>li>a{
    color:#333
}
.nav-tabs.nav-tabs-solid>li>a.active,.nav-tabs.nav-tabs-solid>li>a.active:hover,.nav-tabs.nav-tabs-solid>li>a.active:focus{
    background-color:#ff9b44;
    border-color:#ff9b44;
    color:#fff
}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded{
    border-radius:50px
}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a{
    border-radius:50px
}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active,.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active:hover,.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active:focus{
    border-radius:50px
}
.nav-tabs-justified>li>a{
    border-radius:0;
    margin-bottom:0
}
.nav-tabs-justified>li>a:hover,.nav-tabs-justified>li>a:focus{
    border-bottom-color:#ddd
}
.nav-tabs-justified.nav-tabs-solid>li>a{
    border-color:transparent
}
.tab-content{
    padding-top:20px
}
.custom-table tr.holiday-completed{
    color:#aaa
}
.dropdown.action-label{
    display:inline-block
}
.action-label>a{
    display:inline-block;
    min-width:103px
}
.action-label .btn-sm{
    padding:0 4px
}
.form-header{
    text-align:center;
    margin-bottom:30px
}
.form-header h3{
    color:#333;
    font-size:22px;
    font-weight:500;
    margin-bottom:10px
}
.form-header p{
    color:#929292;
    font-size:15px;
    margin-bottom:0
}
.modal-btn>.row{
    margin-left:-8px;
    margin-right:-8px
}
.modal-btn>.row>div{
    padding-left:8px;
    padding-right:8px
}
.continue-btn{
    background-color:#fff;
    border:1px solid #ff9b44;
    border-radius:50px;
    color:#ff9b44;
    display:block;
    font-size:18px;
    font-weight:600;
    padding:10px 20px;
    text-align:center
}
.continue-btn:hover,.continue-btn:focus,.continue-btn:active{
    background-color:#ff9b44;
    border:1px solid #ff9b44;
    color:#fff
}
.cancel-btn{
    background-color:#fff;
    border:1px solid #ff9b44;
    border-radius:50px;
    color:#ff9b44;
    display:block;
    font-size:18px;
    font-weight:600;
    padding:10px 20px;
    text-align:center
}
.cancel-btn:hover,.cancel-btn:focus,.cancel-btn:active{
    background-color:#ff9b44;
    border:1px solid #ff9b44;
    color:#fff
}
.profile-img-wrap{
    height:120px;
    position:absolute;
    width:120px;
    background:#fff;
    overflow:hidden
}
.profile-basic{
    margin-left:140px
}
.profile-basic .cal-icon{
    width:100%
}
.profile-img-wrap img{
    border-radius:50%;
    height:120px;
    width:120px
}
.fileupload.btn{
    position:absolute;
    right:0;
    bottom:0;
    background:rgba(33,33,33,.5);
    border-radius:0;
    padding:3px 10px;
    border:none
}
.fileupload input.upload{
    cursor:pointer;
    filter:alpha(opacity=0);
    font-size:20px;
    margin:0;
    opacity:0;
    padding:0;
    position:absolute;
    right:-3px;
    top:-3px;
    padding:5px
}
.btn-text{
    color:#fff
}
.submit-section{
    text-align:center;
    margin-top:40px
}
.submit-btn{
    border-radius:50px;
    font-size:18px;
    font-weight:600;
    min-width:200px;
    padding:10px 20px
}
.form-scroll{
    max-height:400px;
    overflow-y:auto
}
.profile-img-wrap.edit-img{
    border-radius:50%;
    margin:0 auto 30px;
    position:relative
}
.profile-img-wrap.edit-img .fileupload.btn{
    left:0
}
.chat-avatar-sm{
    display:inline-block;
    float:left;
    margin-left:0!important;
    margin-right:10px;
    position:relative;
    width:24px
}
.chat-avatar-sm img{
    width:24px
}
.chat-avatar-sm.user-img .status{
    bottom:0;
    right:-3px
}
.chat-main-row{
    bottom:0;
    left:0;
    overflow:auto;
    padding-bottom:inherit;
    padding-top:inherit;
    position:absolute;
    right:0;
    top:0
}
.chat-main-wrapper{
    display:table;
    height:100%;
    table-layout:fixed;
    width:100%
}
.message-view{
    display:table-cell;
    height:100%;
    float:none;
    padding:0;
    position:static;
    vertical-align:top;
    width:75%
}
.chat-window{
    display:table;
    height:76vh;
    table-layout:fixed;
    width:100%;
    background-color:#f7f7f7
}
.fixed-header{
    background-color:#fff;
    border-bottom:1px solid #eaeaea;
    padding:10px 15px
}
.fixed-header .navbar{
    border:0;
    margin:0;
    min-height:auto;
    padding:0
}
.fixed-header .user-info a{
    color:#555;
    text-transform:uppercase
}
.typing-text{
    color:#ff9b44;
    font-size:12px;
    text-transform:lowercase
}
.last-seen{
    color:#888;
    display:block;
    font-size:12px
}
.custom-menu{
    margin-top:6px
}
.fixed-header .custom-menu{
    margin:0 0 1px
}
.custom-menu.nav>li>a{
    color:#bbb;
    font-size:26px;
    line-height:32px;
    margin-left:15px;
    padding:0
}
.custom-menu.navbar-nav>li>a:hover,.custom-menu.navbar-nav>li>a:focus{
    background-color:transparent
}
.custom-menu .dropdown-menu{
    left:auto;
    right:0
}
.search-box{
    margin-top:5px
}
.search-box .input-group{
    background-color:#f7f7f7;
    border:1px solid #e3e3e3;
    border-radius:50px
}
.search-box .input-group .form-control{
    background:0 0;
    border:none
}
.search-box .btn{
    background-color:transparent
}
.search-input{
    border-radius:5px
}
.chat-contents{
    display:table-row;
    height:100%
}
.chat-content-wrap{
    height:100%;
    position:relative;
    width:100%
}
.chat-wrap-inner{
    bottom:0;
    left:0;
    overflow:auto;
    position:absolute;
    right:0;
    top:0
}
.chats{
    padding:30px 15px
}
.chat-body{
    display:block;
    margin:10px 0 0;
    overflow:hidden
}
.chat-body:first-child{
    margin-top:0
}
.chat-right .chat-content{
    background-color:#f2f2f2;
    border:1px solid #e3e3e3;
    border-radius:20px 2px 2px 20px;
    clear:both;
    color:#727272;
    display:block;
    float:right;
    margin:0;
    max-width:60%;
    padding:8px 15px;
    position:relative
}
.chat-right .chat-body{
    padding-left:48px;
    /* padding-right:10px */
}
.chat-bubble{
    display:block;
    width:100%;
    float:left;
    margin-bottom:10px
}
.chat-bubble:hover .chat-action-btns{
    display:block;
    float:left
}
.chat-right .chat-bubble:hover .chat-action-btns{
    float:right;
    display:block
}
.chat.chat-right .chat-bubble:last-child .chat-content{
    border-bottom-right-radius:20px
}
.chat.chat-right .chat-bubble:first-child .chat-content{
    border-top-right-radius:20px
}
.chat-content>p{
    margin-bottom:0
}
.chat-time{
    color:rgba(0,0,0,.5);
    display:block;
    font-size:12px
}
.chat-right .chat-time{
    text-align:right
}
.chat-bubble .chat-action-btns{
    display:none
}
.chat-action-btns{
    float:right
}
.chat-action-btns ul{
    list-style:none;
    padding:0;
    margin:15px 15px 0
}
.chat-action-btns ul>li{
    display:inline-block;
    margin-left:5px;
    font-size:18px
}
.chat-right .chat-action-btns{
    float:left
}
.chat-bubble .chat-action-btns a{
    color:#8c8c8c
}
.chat-line{
    border-bottom:1px solid #eaeaea;
    height:12px;
    margin:7px 0 20px;
    position:relative;
    text-align:center
}
.chat-date{
    background-color:#f7f7f7;
    color:#727272;
    font-size:12px;
    padding:0 11px
}
.chat-avatar{
    float:right
}
.chat-avatar .avatar{
    line-height:30px;
    height:30px;
    width:30px
}
.chat-left .chat-avatar{
    float:left
}
.chat-left .chat-body{
    margin-right:0;
    padding-right:20px
}
.chat-left .chat-content{
    background-color:#fff;
    border:1px solid #eaeaea;
    color:#888;
    float:left;
    position:relative;
    padding:8px 15px;
    border-radius:2px 20px 20px 2px;
    max-width:60%
}
.avatar{
    background-color:#aaa;
    border-radius:50%;
    color:#fff;
    display:inline-block;
    font-weight:500;
    height:38px;
    line-height:38px;
    margin:0 10px 0 0;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:middle;
    width:38px;
    position:relative;
    white-space:nowrap
}
.avatar:hover{
    color:#fff
}
.avatar.avatar-xs{
    width:24px;
    height:24px
}
.avatar>img{
    border-radius:50%;
    display:block;
    overflow:hidden;
    width:100%
}
.chat.chat-left .chat-bubble:first-child .chat-content{
    border-top-left-radius:20px;
    margin-top:0
}
.chat.chat-left .chat-bubble:last-child .chat-content{
    border-bottom-left-radius:20px
}
.chat-left .chat-time{
    color:#a9a9a9
}
.attach-list{
    color:#a3a3a3;
    padding:5px 0 0;
    line-height:24px;
    margin:0;
    list-style:none
}
.attach-list i{
    margin-right:3px;
    font-size:16px
}
.chat-footer{
    background-color:#fff;
    border-top:1px solid #eaeaea;
    padding:15px 0
}
.message-bar{
    display:table;
    height:44px;
    position:relative;
    width:100%
}
.message-bar .message-inner{
    display:table-row;
    height:100%;
    padding:0 8px;
    width:100%
}
.message-bar .link{
    color:#777;
    display:table-cell;
    font-size:20px;
    padding:0 10px;
    position:relative;
    vertical-align:middle;
    width:30px
}
.message-bar .message-area{
    display:table-cell
}
.message-area .input-group .form-control{
    background-color:#fff;
    border:1px solid #eaeaea;
    box-shadow:none;
    color:#555;
    display:block;
    font-size:14px;
    height:44px;
    margin:0;
    padding:6px 12px;
    resize:none
}
.message-area .btn{
    height:44px;
    width:50px
}
.profile-right{
    display:table-cell;
    height:100%;
    float:none;
    padding:0;
    position:static;
    vertical-align:top
}
.display-table{
    display:table;
    table-layout:fixed;
    border-spacing:0;
    width:100%;
    height:100%
}
.table-row{
    display:table-row;
    height:100%
}
.table-body{
    position:relative;
    height:100%;
    width:100%
}
.table-content{
    bottom:0;
    left:0;
    overflow:auto;
    position:absolute;
    right:0;
    top:0
}
.chat-profile-img{
    padding:30px;
    position:relative;
    text-align:center
}
.edit-profile-img{
    height:120px;
    margin:0 auto;
    position:relative;
    width:120px;
    cursor:pointer
}
.edit-profile-img img{
    border-radius:50%;
    height:auto;
    margin:0;
    width:120px
}
.change-img{
    background-color:rgba(0,0,0,.3);
    border-radius:50%;
    color:#fff;
    display:none;
    height:100%;
    left:0;
    line-height:120px;
    position:absolute;
    top:0;
    width:100%
}
.edit-profile-img:hover .change-img{
    display:block
}
.edit-profile-img img{
    height:auto;
    margin:0;
    width:120px;
    border-radius:50%
}
.user-name{
    color:#333
}
.edit-btn{
    border-radius:40px;
    height:36px;
    position:absolute;
    right:15px;
    top:15px;
    width:36px
}
.chat-profile-info{
    padding:15px
}
.user-det-list{
    list-style:none;
    padding:0
}
.user-det-list>li{
    padding:6px 15px
}
.user-det-list .text-muted{
    color:#888
}
.transfer-files .tab-content{
    padding-top:0
}
.files-list{
    list-style:none;
    padding-left:0
}
.files-list>li{
    border-bottom:1px solid #eaeaea;
    border-radius:inherit;
    margin:2px 0 0;
    padding:10px
}
.files-cont{
    position:relative
}
.file-type{
    height:48px;
    position:absolute;
    width:48px
}
.files-icon{
    background-color:#f3f7f9;
    border:1px solid #e4eaec;
    border-radius:4px;
    display:inline-block;
    height:38px;
    line-height:38px;
    text-align:center;
    width:38px
}
.files-icon i{
    color:#76838f;
    font-size:20px
}
.files-info{
    padding:0 30px 0 50px
}
.file-name a{
    color:#333
}
.files-action{
    display:none;
    height:30px;
    list-style:none;
    padding-left:0;
    position:absolute;
    right:0;
    text-align:right;
    top:10px;
    width:30px
}
.files-list>li:hover .files-action{
    display:block
}
.file-date{
    color:#888;
    font-size:12px
}
.file-author a{
    color:#ff9b44;
    font-size:12px;
    text-decoration:underline
}
.files-action .dropdown-menu{
    left:auto;
    right:0
}
.files-action>li>a{
    color:#777
}
.chat-img-attach{
    border-radius:4px;
    margin-bottom:12px;
    margin-left:12px;
    position:relative;
    float:right
}
.chat-img-attach img{
    border-radius:4px;
    display:inline-block;
    height:auto;
    max-width:100%
}
.chat-placeholder{
    background:rgba(69,81,97,.6);
    border-radius:4px;
    color:#fff;
    display:flex;
    flex-direction:column;
    height:100%;
    justify-content:flex-end;
    left:0;
    padding:13px;
    position:absolute;
    top:0;
    width:100%
}
.chat-img-name{
    font-size:12px;
    font-weight:700;
    line-height:16px
}
.chat-file-desc{
    font-size:11px
}
.chat-right .chat-content.img-content{
    background-color:transparent;
    border:0;
    color:#76838f;
    padding:0;
    text-align:right
}
.chat-right .img-content .chat-time{
    color:#a3a3a3
}
.chat-left .chat-img-attach{
    float:left
}
.chat-left .chat-img-attach{
    float:left;
    margin-left:0;
    margin-right:12px
}
.input-group .form-control-lg.form-control{
    border-radius:4px 0 0 4px;
    height:46px
}
.chat-user-list{
    list-style:none;
    margin:0;
    padding:0
}
.chat-user-list .media{
    border-bottom:1px solid #eaeaea;
    border-radius:inherit;
    padding:10px;
    background-color:#fff
}
.chat-user-list .media:hover{
    background-color:#f7f7f7
}
.designation{
    color:#9e9e9e;
    font-size:12px
}
.online-date{
    color:#9e9e9e;
    font-size:12px
}
.drop-zone{
    width:100%;
    height:205px;
    border:2px dashed #adb7be;
    text-align:center;
    padding:25px 0 0;
    margin-bottom:20px
}
.drop-zone .drop-zone-caption{
    font-weight:600
}
.upload-list{
    padding:0;
    list-style:none;
    margin:0
}
.upload-list .file-list{
    background-color:#fff;
    border-top:1px solid #e3e3e3;
    padding:10px 0
}
.upload-list .file-list:first-child{
    border-top:none
}
.upload-list .upload-wrap{
    position:relative;
    padding:0 20px 0 0;
    margin:0 0 5px
}
.upload-list .file-name,.upload-list .file-size{
    display:inline-block;
    vertical-align:top;
    white-space:nowrap
}
.upload-list .file-name{
    padding-right:15px;
    overflow:hidden;
    max-width:100%;
    text-overflow:ellipsis
}
.upload-list .file-size{
    color:#888
}
.upload-list .file-close{
    border:none;
    background:0 0;
    color:#ccc;
    position:absolute;
    right:0;
    top:2px
}
.upload-list .file-close:hover{
    color:#f62d51
}
.upload-list .upload-process{
    font-size:10px;
    color:#888
}
.upload-list .progress{
    margin-bottom:5px
}
.upload-list .file-name i{
    color:#888;
    margin:0 5px 0 0;
    vertical-align:middle
}
.upload-drop-zone{
    background-color:#fff;
    border:2px dashed #e3e3e3;
    color:#ccc;
    height:200px;
    line-height:200px;
    margin-bottom:20px;
    text-align:center
}
.upload-drop-zone.drop{
    color:#222;
    border-color:#222
}
.upload-text{
    font-size:24px;
    margin-left:10px
}
.files-share-list{
    border:1px solid #eaeaea;
    border-radius:4px;
    margin-bottom:20px;
    padding:15px
}
.form-focus{
    height:50px;
    position:relative
}
.form-focus .focus-label{
    font-size:16px;
    font-weight:400;
    opacity:.4;
    pointer-events:none;
    position:absolute;
    -webkit-transform:translate3d(0,22px,0) scale(1);
    -ms-transform:translate3d(0,22px,0) scale(1);
    -o-transform:translate3d(0,22px,0) scale(1);
    transform:translate3d(0,22px,0) scale(1);
    transform-origin:left top;
    transition:240ms;
    left:12px;
    top:-8px;
    z-index:1;
    color:#888;
    margin-bottom:0
}
.form-focus.focused .focus-label{
    opacity:1;
    font-weight:300;
    top:-14px;
    font-size:12px;
    z-index:1
}
.form-focus .form-control:focus~.focus-label,.form-focus .form-control:-webkit-autofill~.focus-label{
    opacity:1;
    font-weight:300;
    top:-14px;
    font-size:12px;
    z-index:1
}
.form-focus .form-control{
    height:50px;
    padding:21px 12px 6px
}
.form-focus .form-control::-webkit-input-placeholder{
    color:transparent;
    transition:240ms
}
.form-focus .form-control:focus::-webkit-input-placeholder{
    transition:none
}
.form-focus.focused .form-control::-webkit-input-placeholder{
    color:#bbb
}
.form-focus.select-focus .focus-label{
    opacity:1;
    font-weight:300;
    top:-20px;
    font-size:12px;
    z-index:1
}
.form-focus .select2-container .select2-selection--single{
    border:1px solid #e3e3e3;
    height:50px
}
.form-focus .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:48px;
    right:7px
}
.form-focus .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color:#ccc transparent transparent;
    border-style:solid;
    border-width:6px 6px 0;
    height:0;
    left:50%;
    margin-left:-10px;
    margin-top:-2px;
    position:absolute;
    top:50%;
    width:0
}
.form-focus .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #ccc;
    border-width:0 6px 6px
}
.form-focus .select2-container .select2-selection--single .select2-selection__rendered{
    padding-right:30px;
    padding-left:12px;
    padding-top:10px
}
.form-focus .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#676767;
    font-size:14px;
    font-weight:400;
    line-height:38px
}
.form-focus .select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#fc6075
}
.filter-row .btn{
    min-height:50px;
    padding:12px;
    text-transform:uppercase
}
.action-label .label{
    display:inline-block;
    min-width:85px;
    padding:.5em .6em
}
.action-label i{
    margin-right:3px
}
.action-label .dropdown-menu .dropdown-item{
    padding:7px 10px
}
.action-icon{
    color:#777;
    font-size:18px;
    display:inline-block
}
.table .dropdown-menu{
    font-size:13px;
    min-width:120px;
    padding:0
}
.table .dropdown-menu .dropdown-item{
    padding:5px 10px
}
.dropdown-action .dropdown-toggle::after{
    display:none
}
.profile-widget{
    background-color:#fff;
    border:1px solid #ededed;
    border-radius:4px;
    margin-bottom:30px;
    padding:20px;
    text-align:center;
    position:relative;
    box-shadow:0 1px 1px 0 rgba(0,0,0,.2);
    overflow:hidden
}
.profile-widget .user-name>a{
    color:#333
}
.dropdown.profile-action{
    position:absolute;
    right:5px;
    text-align:right;
    top:10px
}
.profile-action .dropdown-toggle::after{
    display:none
}
.profile-img{
    cursor:pointer;
    height:80px;
    margin:0 auto;
    position:relative;
    width:80px
}
.profile-img .avatar{
    font-size:24px;
    height:80px;
    line-height:80px;
    margin:0;
    width:80px
}
.mobile-no>a{
    color:#777;
    display:inline-block
}
.staff-mail>a{
    color:#777;
    display:inline-block;
    margin-top:5px
}
.staff-action-btns{
    margin-top:10px
}
.staff-id{
    font-size:14px;
    font-weight:500;
    margin-top:5px
}
.view-icons{
    float:right;
    margin-right:10px
}
.view-icons .btn{
    background-color:#fff;
    border:1px solid #e3e3e3;
    color:#888;
    font-size:18px;
    margin-right:5px;
    min-width:40px;
    padding:4px
}
.view-icons .btn.active{
    color:#333
}
.calendar{
    float:left;
    margin-bottom:0
}
.fc-view{
    margin-top:30px
}
.none-border .modal-footer{
    border-top:none
}
.fc-toolbar h2{
    font-size:18px;
    font-weight:600;
    font-family:circularstd,sans-serif;
    line-height:30px;
    text-transform:uppercase
}
.fc-day-grid-event .fc-time{
    font-family:circularstd,sans-serif
}
.fc-day{
    background:#fff
}
.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active,.fc-toolbar button:focus,.fc-toolbar button:hover,.fc-toolbar .ui-state-hover{
    z-index:0
}
.fc th.fc-widget-header{
    background:#eee;
    font-size:14px;
    line-height:20px;
    padding:10px 0;
    text-transform:uppercase
}
.fc-unthemed th,.fc-unthemed td,.fc-unthemed thead,.fc-unthemed tbody,.fc-unthemed .fc-divider,.fc-unthemed .fc-row,.fc-unthemed .fc-popover{
    border-color:#f3f3f3
}
.fc-button{
    background:#f1f1f1;
    border:none;
    color:#797979;
    text-transform:capitalize;
    box-shadow:none!important;
    border-radius:3px!important;
    margin:0 3px!important;
    padding:6px 12px!important;
    height:auto!important
}
.fc-text-arrow{
    font-family:inherit;
    font-size:16px
}
.fc-state-hover{
    background:#f3f3f3
}
.fc-state-highlight{
    background:#f0f0f0
}
.fc-state-down,.fc-state-active,.fc-state-disabled{
    background-color:#ff9b44!important;
    color:#fff!important;
    text-shadow:none!important
}
.fc-cell-overlay{
    background:#f0f0f0
}
.fc-unthemed .fc-today{
    background:#fff
}
.fc-event{
    border-radius:2px;
    border:none;
    cursor:move;
    font-size:13px;
    margin:1px 7px;
    padding:5px;
    text-align:center
}
.external-event{
    cursor:move;
    margin:10px 0;
    padding:6px 10px
}
.external-event.bg-primary{
    background-color:rgba(127,193,252,.3)!important;
    color:#7fc1fc
}
.external-event.bg-success{
    background-color:rgba(75,211,150,.3)!important;
    color:#4bd396
}
.external-event.bg-info{
    background-color:rgba(58,201,214,.3)!important;
    color:#3ac9d6
}
.external-event.bg-warning{
    background-color:rgba(249,200,81,.3)!important;
    color:#f9c851
}
.external-event.bg-danger{
    background-color:rgba(245,112,122,.3)!important;
    color:#f5707a
}
.external-event.bg-pink{
    background-color:rgba(240,98,146,.3)!important;
    color:#f06292
}
.external-event.bg-purple{
    background-color:rgba(107,95,181,.3)!important;
    color:#6b5fb5
}
.external-event.bg-inverse{
    background-color:rgba(59,62,71,.3)!important;
    color:#3b3e47
}
.external-event.bg-orange{
    background-color:rgba(255,152,0,.3)!important;
    color:#ff9800
}
.external-event.bg-brown{
    background-color:rgba(141,110,99,.3)!important;
    color:#8d6e63
}
.external-event.bg-teal{
    background-color:rgba(38,166,154,.3)!important;
    color:#26a69a
}
.fc-basic-view td.fc-week-number span{
    padding-right:8px;
    font-weight:700;
    font-family:circularstd,sans-serif
}
.fc-basic-view td.fc-day-number{
    padding-right:8px;
    font-weight:700;
    font-family:circularstd,sans-serif
}
.event-form .input-group .form-control{
    height:40px
}
.profile-details{
    text-align:center
}
.personal-info li .title{
    color:#4f4f4f;
    float:left;
    font-weight:500;
    margin-right:30px;
    width: auto;
    min-width: 40%;
}
.personal-info li .text{
    color:#8e8e8e;
    display:inline-block;
    overflow:hidden
}
.personal-info li{
    margin-bottom:10px
}
.personal-info{
    list-style:none;
    margin-bottom:0;
    padding:0
}
.profile-view{
    position:relative
}
.profile-view .profile-img-wrap{
    height:120px;
    width:120px
}
.profile-view .profile-img{
    width:120px;
    height:120px
}
.profile-view .profile-img .avatar{
    font-size:24px;
    height:120px;
    line-height:120px;
    margin:0;
    width:120px
}
.profile-view .profile-basic{
    margin-left:140px;
    padding-right:50px
}
.profile-view .pro-edit{
    position:absolute;
    right:0;
    top:0
}
.edit-icon{
    background-color:#eee;
    border:1px solid #e3e3e3;
    border-radius:24px;
    color:#bbb;
    float:right;
    font-size:12px;
    line-height:24px;
    min-height:26px;
    text-align:center;
    width:26px
}
.edit-icon:hover{
    background-color:#ff9b44;
    border-color:#ff9b44;
    color:#fff
}
.delete-icon{
    color:#e30b0b;
    float:right;
    font-size:18px
}
.delete-icon:hover{
    color:#e30b0b
}
.staff-msg{
    margin-top:30px
}
.experience-box{
    position:relative
}
.experience-list{
    list-style:none;
    margin:0;
    padding:0;
    position:relative
}
.experience-list::before{
    background:#ddd;
    bottom:0;
    content:"";
    left:8px;
    position:absolute;
    top:8px;
    width:2px
}
.experience-list>li{
    position:relative
}
.experience-list>li:last-child .experience-content{
    margin-bottom:0
}
.experience-user .avatar{
    height:32px;
    line-height:32px;
    margin:0;
    width:32px
}
.experience-list>li .experience-user{
    background:#fff;
    height:10px;
    left:4px;
    margin:0;
    padding:0;
    position:absolute;
    top:4px;
    width:10px
}
.experience-list>li .experience-content{
    background-color:#fff;
    margin:0 0 20px 40px;
    padding:0;
    position:relative
}
.experience-list>li .experience-content .timeline-content{
    color:#9e9e9e
}
.experience-list>li .experience-content .timeline-content a.name{
    color:#616161;
    font-weight:700
}
.experience-list>li .time{
    color:#bdbdbd;
    display:block;
    font-size:12px;
    line-height:1.35
}
.before-circle{
    background-color:#ddd;
    border-radius:50%;
    height:10px;
    width:10px
}
.skills>span{
    border:1px solid #ccc;
    border-radius:500px;
    display:inline-block;
    margin-bottom:10px;
    padding:6px 12px;
    text-align:center
}
.profile-info-left{
    border-right:2px dashed #ccc
}
.bootstrap-tagsinput{
    background-color:#fff;
    border:1px solid #e3e3e3;
    border-radius:0;
    box-shadow:unset;
    display:block;
    min-height:44px;
    padding:6px 6px 0
}
.bootstrap-tagsinput .badge{
    font-size:14px;
    font-weight:400;
    margin-bottom:6px;
    padding:10px 15px
}
.add-more a{
    color:#ff9b44
}
.add-more a:hover{
    color:#ff851a
}
.avatar-box{
    float:left
}
.pro-overview .personal-info li .title{
    width:50%
}
.profile-box{
    min-height:250px
}
.notifications{
    padding:0
}
.notifications .noti-content{
    height:290px;
    width:350px;
    overflow-y:auto;
    position:relative
}
.notifications .notification-heading{
    margin:0;
    font-size:14px;
    font-weight:400;
    line-height:1.45;
    color:#616161
}
.notifications .notification-time{
    font-size:12px;
    line-height:1.35;
    color:#bdbdbd
}
.notification-list{
    list-style:none;
    padding:0;
    margin:0
}
.notifications ul.notification-list>li{
    margin-top:0;
    border-bottom:1px solid #f5f5f5
}
.notifications ul.notification-list>li:last-child{
    border-bottom:none
}
.notifications ul.notification-list>li a{
    display:block;
    padding:12px;
    border-radius:2px
}
.notifications ul.notification-list>li a:hover{
    background-color:#fafafa
}
.notifications ul.notification-list>li .list-item{
    border:0;
    padding:0;
    position:relative
}
.notifications .media{
    margin-top:0;
    border-bottom:1px solid #f5f5f5
}
.notifications .media:last-child{
    border-bottom:none
}
.notifications .media a{
    display:block;
    padding:12px;
    border-radius:2px
}
.notifications .media a:hover{
    background-color:#fafafa
}
.notifications .media-list .media-left{
    padding-right:8px
}
.topnav-dropdown-header{
    border-bottom:1px solid #eee;
    text-align:center
}
.topnav-dropdown-header,.topnav-dropdown-footer{
    font-size:12px;
    height:32px;
    line-height:32px;
    padding-left:12px;
    padding-right:12px
}
.topnav-dropdown-header .notification-title{
    color:#333;
    display:block;
    float:left;
    font-size:14px
}
.topnav-dropdown-header .clear-noti{
    color:#f83f37;
    float:right;
    font-size:11px;
    text-transform:uppercase
}
.topnav-dropdown-footer a{
    display:block;
    text-align:center;
    color:#333
}
.user-menu.nav>li>a .badge{
    color:#fff;
    font-weight:700;
    position:absolute;
    right:3px;
    top:6px
}
.user-menu.nav>li>a .badge{
    background-color:#fc6075
}
.user-menu.nav>li>a>i{
    font-size:20px;
    line-height:60px
}
.noti-details{
    color:#989c9e;
    margin-bottom:0
}
.noti-title{
    color:#333
}
.noti-time{
    margin:0
}
.roles-menu{
    margin-top:20px
}
.roles-menu>ul{
    background-color:#fff;
    border:1px solid #e3e3e3;
    list-style:none;
    margin:0;
    padding:0
}
.roles-menu>ul>li{
    display:block;
    position:relative
}
.roles-menu>ul>li a{
    border-left:3px solid transparent;
    color:#333;
    display:block;
    padding:10px 15px;
    position:relative
}
.roles-menu>ul>li.active a{
    border-color:#ff9b44;
    color:#ff9b44
}
.roles-menu>ul>li a:hover{
    background-color:#eee;
    border-color:#ff9b44
}
.role-action{
    float:right;
    display:none
}
.roles-menu>ul>li a:hover .role-action{
    display:block
}
.slide-nav .sidebar{
    margin-left:0
}
.fixed-header .custom-menu{
    margin:1px 0 0
}
.topnav-dropdown-footer{
    border-top:1px solid #eee
}
.list-box{
    list-style:none;
    padding-left:0
}
.list-item{
    border-bottom:1px solid #eaeaea;
    padding:10px;
    position:relative
}
.list-left{
    height:48px;
    position:absolute;
    width:48px
}
.files-icon{
    background-color:#f5f5f5;
    border:1px solid #ddd;
    border-radius:4px;
    display:inline-block;
    height:38px;
    line-height:38px;
    text-align:center;
    width:38px
}
.files-icon i{
    color:#777;
    font-size:20px
}
.list-body{
    padding:0 0 0 50px
}
.message-author{
    color:#333;
    float:left;
    font-weight:500;
    width:175px;
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.message-time{
    color:#888;
    float:right;
    font-size:11px
}
.message-content{
    color:#333;
    font-size:13px;
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.files-action .dropdown-menu{
    left:auto;
    right:0
}
.team-members{
    display:inline-flex;
    flex-wrap:wrap;
    list-style:none;
    margin-bottom:0;
    padding:0
}
.team-members>li:first-child a{
    margin-left:0
}
.team-members>li>a{
    border:2px solid #fff;
    border-radius:100%;
    display:block;
    height:30px;
    overflow:hidden;
    width:30px
}
.team-members .all-users{
    line-height:28px;
    opacity:.8
}
.all-users{
    background-color:#ff5e3a;
    color:#fff;
    font-size:10px;
    font-weight:800;
    line-height:34px;
    text-align:center
}
.all-users:hover,.all-users:active{
    color:#fff
}
.team-members img{
    width:100%
}
.project-title{
    margin:0 0 5px
}
.project-title>h5{
    font-size:16px;
    margin-bottom:0;
    margin-top:0
}
.project-title>a{
    color:#333
}
.avatar-dropdown .dropdown-menu{
    min-width:unset;
    width:100px;
    padding:0
}
.avatar-dropdown .avatar-group{
    min-height:88px;
    padding:2px;
    white-space:normal
}
.avatar-dropdown .avatar-group .avatar{
    margin:2px
}
.avatar-dropdown .avatar-pagination{
    border-top:1px solid rgba(0,0,0,.1)
}
.avatar-dropdown .page-link{
    padding:.3rem .55rem;
    border-radius:0!important;
    border:0
}
.avatar-dropdown .dropdown-toggle::after{
    display:none
}
.invoice-details,.invoice-payment-details>li span{
    float:right;
    text-align:right
}
.table .team-members{
    flex-wrap:nowrap
}
.table .team-members>li>a{
    width:32px;
    height:32px
}
.table .team-members .all-users{
    line-height:30px
}
.attach-files>ul{
    list-style:none;
    margin:0;
    padding:0
}
.attach-files li{
    display:inline-block;
    margin-right:10px;
    position:relative
}
.attach-files li img{
    width:50px
}
.file-remove{
    color:red;
    position:absolute;
    right:-6px;
    top:-7px
}
.attach-files li:last-child{
    margin-right:0
}
.inv-logo{
    height:auto;
    margin-bottom:20px;
    max-height:100px;
    width:auto
}
.task-chat-contents{
    background-color:#fff
}
.task-chat-contents .chat-left .chat-content{
    max-width:100%
}
.task-chat-view{
    border-left:1px solid #eaeaea
}
.task-left-sidebar{
    width:58.3333%
}
.task-right-sidebar{
    width:41.6667%
}
.task-chat-view .chat-left .chat-content{
    border:0;
    padding:0
}
.task-chat-view .chat-left .chat-body{
    margin-left:50px
}
.task-chat-view .chat-date{
    background-color:#fff
}
.task-chat-view .chats{
    padding:15px 15px 30px
}
.task-chat-view .avatar{
    width:30px;
    height:30px;
    line-height:30px
}
.followers-add{
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:50%;
    color:#ccc;
    display:inline-block;
    font-size:20px;
    height:30px;
    line-height:30px;
    text-align:center;
    width:30px
}
.followers-add:hover{
    border:1px solid #8c8c8c;
    color:#8c8c8c
}
.completed-task-msg{
    margin-bottom:30px;
    margin-left:50px
}
.task-chat-contents .chat.chat-left{
    margin-bottom:20px
}
.file-attached{
    color:#333;
    font-size:13px
}
.file-attached i{
    font-size:16px
}
.task-attach-img>img{
    border:1px solid #eaeaea;
    max-width:100%
}
.attach-img-download{
    margin-bottom:5px
}
.task-chat-view .chat-left .chat-time{
    color:#a3a3a3;
    display:inline-block;
    font-size:11px
}
.task-chat-user{
    color:#333;
    font-size:13px
}
.task-chat-view .chat-content>p{
    font-size:13px;
    margin-bottom:0
}
.task-time{
    color:#a3a3a3;
    display:inline-block;
    font-size:11px
}
.task-success{
    color:#55ce63;
    font-size:13px
}
.task-success a{
    color:#55ce63
}
.task-attach-img{
    margin-bottom:20px
}
.task-assign{
    float:left
}
.assign-title{
    float:left;
    margin-right:10px;
    margin-top:5px
}
.task-assign>a{
    float:left
}
.followers-add>i{
    line-height:28px
}
.task-followers{
    display:flex;
    margin-top:15px
}
.followers-title{
    margin:5px 10px 0 0
}
.task-line{
    border-color:#eaeaea
}
.task-information{
    color:#a3a3a3;
    font-size:11px;
    line-height:17px;
    min-width:1px;
    margin-left:50px
}
.task-info-line{
    overflow-wrap:break-word
}
.task-user{
    color:#888;
    font-weight:500
}
.task-information .task-time{
    display:inline-block;
    padding-left:10px
}
.task-btn-right{
    display:none!important
}
.task:hover .task-btn-right{
    display:table-cell!important
}
.task-action-btn.task-check{
    text-align:left!important;
    width:40px
}
.add-task-btn{
    cursor:pointer;
    padding:6px 10px;
    text-transform:uppercase
}
.action-circle{
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:100%;
    height:20px;
    width:20px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease
}
.action-circle .material-icons{
    color:#ccc;
    font-size:18px;
    vertical-align:-3px
}
.action-circle.completed{
    background:#35ba67;
    border:1px solid #2fa65c
}
.action-circle.completed .material-icons{
    color:#fff
}
.action-circle.large{
    height:24px;
    width:24px
}
.action-circle.large .material-icons{
    font-size:16px;
    vertical-align:-4px
}
.task-wrapper{
    padding:20px;
    width:100%;
    margin:0 auto;
    box-sizing:border-box
}
.task-wrapper .mark-all-tasks{
    text-align:right;
    padding-bottom:15px
}
.task-wrapper .mark-all-tasks .mark-all-tasks-container{
    overflow:hidden;
    position:relative
}
.task-wrapper .mark-all-tasks .mark-all-btn{
    cursor:pointer;
    display:inline-block;
    -webkit-transition:all 200ms ease;
    -moz-transition:all 200ms ease;
    -ms-transition:all 200ms ease;
    -o-transition:all 200ms ease;
    transition:all 200ms ease
}
.task-wrapper .mark-all-tasks .mark-all-btn#mark-all-finished{
    color:#35ba67
}
.task-wrapper .mark-all-tasks .mark-all-btn#mark-all-incomplete{
    color:#666
}
.task-wrapper .mark-all-tasks .mark-all-btn#mark-all-incomplete .action-circle{
    border:1px solid #666
}
.task-wrapper .mark-all-tasks .mark-all-btn#mark-all-incomplete .action-circle .material-icons{
    color:#666
}
.task-wrapper .mark-all-tasks .mark-all-btn.move-up{
    -webkit-transform:translateY(-30px);
    -moz-transform:translateY(-30px);
    -ms-transform:translateY(-30px);
    -o-transform:translateY(-30px);
    transform:translateY(-30px);
    position:absolute;
    right:0
}
.task-wrapper .mark-all-tasks .mark-all-btn.move-down{
    -webkit-transform:translateY(30px);
    -moz-transform:translateY(30px);
    -ms-transform:translateY(30px);
    -o-transform:translateY(30px);
    transform:translateY(30px);
    position:absolute;
    right:0
}
.task-wrapper .task-list-header h3,.task-wrapper .task-list-footer h3{
    font-size:24px;
    font-weight:400;
    color:#666
}
.task-wrapper .task-list-body{
    max-height:500px;
    overflow:auto
}
.task-wrapper #task-list{
    list-style:none;
    margin:0;
    padding:0;
    border-bottom:1px solid #eaeaea
}
.task-wrapper #task-list li{
    margin:0;
    padding:0
}
.task-wrapper #task-list li .task-container{
    display:table;
    background:#fff;
    padding:8px 15px;
    width:100%;
    border:1px solid #eaeaea;
    border-bottom:none;
    box-sizing:border-box;
    position:relative;
    -webkit-transition:background 200ms ease;
    -moz-transition:background 200ms ease;
    -ms-transition:background 200ms ease;
    -o-transition:background 200ms ease;
    transition:background 200ms ease
}
.task-wrapper #task-list li .task-container .task-label{
    display:table-cell;
    font-weight:400;
    vertical-align:middle;
    color:#333;
    word-break:break-all
}
.task-wrapper #task-list li .task-container .task-action-btn{
    display:table-cell;
    vertical-align:middle;
    text-align:right
}
.task-wrapper #task-list li .task-container .task-action-btn .action-circle:hover{
    border:1px solid #8c8c8c;
    background:#fff
}
.task-wrapper #task-list li .task-container .task-action-btn .action-circle:hover .material-icons{
    color:#8c8c8c
}
.task-wrapper #task-list li .task-container:hover{
    background:#ebeeef
}
.task-wrapper #task-list li.completed .task-container{
    background:#f9f9f9
}
.task-wrapper #task-list li.completed .task-container .complete-btn{
    background:#35ba67;
    border:1px solid #2fa65c
}
.task-wrapper #task-list li.completed .task-container .complete-btn .material-icons{
    color:#fff
}
.task-wrapper #task-list li.completed .task-container .complete-btn:hover{
    background:#35ba67;
    border:1px solid #2fa65c
}
.task-wrapper #task-list li.completed .task-container .complete-btn:hover .material-icons{
    color:#fff
}
.task-wrapper #task-list li.completed .task-container .task-label{
    color:#ccc
}
.task-wrapper #task-list li.new .task-container{
    -webkit-animation:taskHighlighter 2000ms linear 1;
    animation:taskHighlighter 2000ms linear 1
}
.task-wrapper .task-list-footer{
    position:relative
}
.task-wrapper .task-list-footer .add-task-btn-wrapper{
    text-align:center
}
.task-wrapper .task-list-footer .add-task-btn{
    cursor:pointer;
    border:2px solid #9b1bcc;
    display:inline-block;
    height:35px;
    width:35px;
    border-radius:10px;
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease
}
.task-wrapper .task-list-footer .add-task-btn.hide{
    opacity:1;
    visibility:visible;
    display:block
}
.task-wrapper .task-list-footer .add-task-btn:hover{
    background:#9b1bcc
}
.task-wrapper .task-list-footer .add-task-btn:hover .material-icons{
    color:#ebeeef
}
.task-wrapper .task-list-footer .add-task-btn .material-icons{
    color:#9b1bcc;
    font-size:34px
}
.task-wrapper .task-list-footer .new-task-wrapper{
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;
    max-height:0;
    overflow:hidden
}
.task-wrapper .task-list-footer .new-task-wrapper::after{
    content:"";
    display:block;
    clear:both
}
.task-wrapper .task-list-footer .new-task-wrapper textarea{
    box-sizing:border-box;
    width:100%;
    border:1px solid #eaeaea;
    border-top:0;
    height:45px;
    resize:none;
    padding:10px 15px;
    margin-bottom:20px;
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease
}
.task-wrapper .task-list-footer .new-task-wrapper textarea:focus{
    border:1px solid #bfbfbf;
    outline:none
}
.task-wrapper .task-list-footer .new-task-wrapper textarea.error{
    border:1px solid #d93737;
    outline:none
}
.task-wrapper .task-list-footer .new-task-wrapper .error-message{
    color:#d93737;
    font-style:italic
}
.task-wrapper .task-list-footer .new-task-wrapper .btn{
    padding:6px 12px;
    float:right;
    cursor:pointer
}
.task-wrapper .task-list-footer .new-task-wrapper .add-new-task-btn{
    background:#fff;
    border:1px solid #ccc
}
.task-wrapper .task-list-footer .new-task-wrapper.visible{
    max-height:300px;
    overflow:auto
}
.notification-popup{
    z-index:1051;
    position:fixed;
    top:20px;
    right:10px;
    width:300px;
    display:inline-block;
    background:#1f8fef;
    border:1px solid #1082e4;
    color:#fff;
    padding:20px;
    opacity:.8;
    border-radius:2px;
    box-sizing:border-box;
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease
}
.notification-popup.success{
    background:#35ba67;
    border:1px solid #2fa65c
}
.notification-popup p{
    margin-top:0;
    margin-bottom:0
}
.notification-popup .task{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    max-width:100%;
    display:inline-block
}
.notification-popup .notification-text{
    font-size:14px;
    display:inline-block;
    overflow:hidden
}
.notification-popup.hide{
    opacity:0;
    visibility:hidden
}
.sidebar-overlay{
    display:none;
    position:fixed;
    z-index:90;
    height:100%;
    left:0;
    top:60px;
    width:100%;
    z-index:1040;
    background-color:rgba(0,0,0,.6)
}
.sidebar-overlay.opened{
    display:block
}
.sidebar-menu.opened{
    opacity:1;
    -webkit-transform:translateX(0px);
    -moz-transform:translateX(0px);
    -ms-transform:translateX(0px);
    -o-transform:translateX(0px);
    transform:translateX(0px);
    margin-left:0
}
html.menu-opened{
    overflow:hidden
}
html.menu-opened body{
    overflow:hidden
}
.task-chat-view.opened{
    margin-right:0
}
.chat-profile-view.opened{
    margin-right:0
}
.task-header{
    display:flex
}
.task-header .assignee-info{
    align-items:center;
    border:1px solid transparent;
    border-radius:10px;
    display:inline-flex;
    flex:0 1 180px;
    padding:5px 10px 5px 5px;
    position:relative
}
.task-header .assignee-info>a{
    align-items:center;
    color:#333;
    display:flex
}
.task-header .task-head-title{
    color:#8e8e8e;
    font-size:12px
}
.task-assignee{
    font-size:13px;
    max-width:120px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.assignee-info:hover{
    border-color:#e3e3e3
}
.remove-icon{
    align-items:center;
    background-color:#e3e3e3;
    border-radius:50%;
    color:#333;
    cursor:pointer;
    display:flex;
    height:20px;
    justify-content:center;
    margin-right:10px;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    visibility:hidden;
    width:20px
}
.remove-icon:hover{
    background-color:#d3d3d3
}
.task-header .assignee-info:hover .remove-icon{
    visibility:visible
}
.remove-icon i{
    color:#8e8e8e;
    font-size:12px
}
.due-icon span{
    align-items:center;
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:50%;
    color:#ccc;
    display:flex;
    height:30px;
    justify-content:center;
    line-height:30px;
    margin-right:10px;
    width:30px
}
.due-icon span i{
    font-size:18px
}
.task-due-date{
    align-items:center;
    border:1px solid transparent;
    border-radius:10px;
    display:flex;
    flex:0 0 160px;
    margin-left:10px;
    padding:5px 10px 5px 5px;
    position:relative
}
.task-due-date:hover{
    border-color:#e3e3e3
}
.task-header .task-due-date>a{
    align-items:center;
    color:#333;
    display:flex
}
.due-info .due-date{
    color:#f62d51;
    font-size:13px
}
.task-header .task-due-date:hover .remove-icon{
    visibility:visible
}
.task-desc{
    align-items:flex-start;
    display:flex;
    margin-bottom:15px;
    margin-top:5px
}
.task-textarea{
    display:flex;
    width:100%
}
.task-desc-icon{
    color:#ccc;
    margin-right:10px;
    margin-top:5px
}
.task-textarea .form-control{
    border:1px solid transparent;
    border-radius:5px;
    font-size:13px;
    resize:none
}
.task-textarea:hover .form-control{
    border-color:#e3e3e3
}
.task-complete-btn{
    align-items:center;
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:5px;
    color:#333;
    display:flex;
    font-size:14px;
    padding:6px 10px
}
.task-complete-btn:hover{
    background-color:#f7f7f7;
    color:#333
}
.task-complete-btn i{
    font-size:20px;
    margin-right:3px
}
.task-completed{
    background-color:#35ba67;
    border-color:#2fa65c;
    color:#fff
}
.task-completed:hover{
    background-color:#35ba67;
    border-color:#2fa65c;
    color:#fff
}
.project-user .list-box{
    margin:0
}
.project-files i{
    color:#76838f;
    font-size:50px
}
.project-user .list-item{
    border:0;
    padding:10px 0
}
.table-border{
    border:1px solid #ddd
}
.file-size{
    color:#888
}
.project-task .task-wrapper{
    padding:0
}
.project-task .tab-content{
    min-height:200px
}
.uploaded-box{
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:4px;
    display:block;
    margin-bottom:20px;
    padding:4px
}
.uploaded-box .uploaded-img-name{
    color:#333;
    padding:9px;
    text-align:center
}
.payslip-title{
    margin-bottom:20px;
    text-align:center;
    text-decoration:underline;
    text-transform:uppercase
}
.first-off{
    white-space:pre-wrap
}
.stats-info{
    background-color:#fff;
    border:1px solid #e5e5e5;
    border-radius:4px;
    margin-bottom:20px;
    padding:15px;
    text-align:center
}
.stats-info h6{
    /* color:#1f1f1f; */
    font-size:16px;
    font-weight:400;
    line-height:18px;
    margin-bottom:5px
}
.stats-info h4{
    font-size:24px;
    margin-bottom:0
}
.stats-info h4 span{
    color:#727272;
    font-size:12px
}
.punch-det{
    background-color:#f9f9f9;
    border:1px solid #e3e3e3;
    border-radius:4px;
    margin-bottom:20px;
    padding:10px 15px
}
.punch-det h6{
    line-height:20px;
    margin-bottom:0
}
.punch-det p{
    color:#727272;
    font-size:14px;
    margin-bottom:0
}
.punch-info{
    margin-bottom:20px
}
.punch-hours{
    align-items:center;
    background-color:#f9f9f9;
    border:5px solid #e3e3e3;
    border-radius:50%;
    display:flex;
    font-size:18px;
    height:120px;
    justify-content:center;
    margin:0 auto;
    width:120px
}
.punch-btn-section{
    margin-bottom:20px;
    text-align:center
}
.punch-btn{
    border-radius:50px;
    font-size:18px;
    font-weight:600;
    max-width:100%;
    padding:8px 40px
}
.punch-status .stats-box{
    margin-bottom:0
}
.stats-list{
    height:331px;
    overflow-y:auto
}
.att-statistics .stats-info{
    margin-bottom:5px
}
.att-statistics .progress{
    height:4px
}
.statistics .row{
    margin-left:-5px;
    margin-right:-5px
}
.statistics .row>div{
    padding-left:5px;
    padding-right:5px
}
.stats-box{
    background-color:#f9f9f9;
    border:1px solid #e3e3e3;
    margin-bottom:15px;
    padding:5px
}
.stats-box p{
    margin:0;
    font-size:12px
}
.stats-box>h6{
    margin-bottom:0
}
.stats-info:last-child .progress{
    margin-bottom:0
}
.stats-info p{
    display:flex;
    font-size:12px;
    justify-content:space-between;
    margin-bottom:5px
}
.recent-activity .res-activity-list{
    height:328px;
    list-style-type:none;
    margin-bottom:0;
    overflow-y:auto;
    padding-left:30px;
    position:relative
}
.recent-activity .res-activity-list li{
    margin-bottom:15px;
    position:relative
}
.recent-activity .res-activity-list li:last-child{
    margin-bottom:0
}
.recent-activity .res-activity-list li:before{
    width:10px;
    height:10px;
    left:-30px;
    top: 4px;
    border:2px solid #ff9b44;
    margin-right:15px;
    z-index:2;
    background:#fff
}
.recent-activity .res-activity-list li:before{
    content:"";
    position:absolute;
    border-radius:100%
}
.recent-activity .res-activity-list:after{
    content:"";
    border:1px solid #e5e5e5;
    position:absolute;
    top:0;
    bottom:0;
    left:4px
}
.recent-activity .res-activity-time{
    color:#bbb;
    font-size:12px
}
.recent-activity h6{
    line-height:14px;
    margin-bottom:0
}
.recent-activity p{
    font-size:13px;
    margin-bottom:0
}
.half-day{
    width:15px
}
.ticket-header{
    padding:6px 0
}
.ticket-priority{
    font-size:14px
}
.ticket-chat-view{
    width:33.3333%
}
.dataTables_wrapper.container-fluid{
    padding-left:0;
    padding-right:0
}
.tab-box{
    border-bottom:0;
    margin-bottom:10px;
    padding:0
}
.team-members a.followers-add{
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:50%;
    color:#ccc;
    display:inline-block;
    font-size:20px;
    height:30px;
    line-height:30px;
    text-align:center;
    width:30px
}
.table-inbox input[type=radio],.table-inbox input[type=checkbox]{
    cursor:pointer
}
.mail-list{
    list-style:none;
    padding:0
}
.mail-list>li>a{
    color:#333;
    display:block;
    padding:10px
}
.mail-list>li.active>a{
    color:#ff9b44;
    font-weight:700
}
.unread .name,.unread .subject,.unread .mail-date{
    color:#000;
    font-weight:600
}
.table-inbox .fa-star{
    color:#ffd200
}
.table-inbox .starred.fa-star{
    color:#ffd200
}
.table.table-inbox>tbody>tr>td,.table.table-inbox>tbody>tr>th,.table.table-inbox>tfoot>tr>td,.table.table-inbox>tfoot>tr>th,.table.table-inbox>thead>tr>td,.table.table-inbox>thead>tr>th{
    border-bottom:1px solid #f2f2f2;
    border-top:0
}
.table-inbox{
    font-size:14px;
    margin-bottom:0
}
.note-editor.note-frame{
    border:1px solid #ccc;
    box-shadow:inherit
}
.note-editor.note-frame .note-statusbar{
    background-color:#fff
}
.note-editor.note-frame.fullscreen{
    top:60px
}
.mail-title{
    font-weight:700;
    text-transform:uppercase
}
.form-control.search-message{
    border-radius:4px;
    height:38px;
    margin-left:5px;
    width:180px
}
.table-inbox tr{
    cursor:pointer
}
table.table-inbox tbody tr.checked{
    background-color:#ffc
}
.mail-label{
    font-size:16px!important;
    margin-right:5px
}
.attachments{
    list-style:none;
    margin:0;
    padding:0
}
.attachments li{
    border:1px solid #eee;
    float:left;
    margin-bottom:10px;
    margin-right:10px;
    width:200px
}
.attach-file{
    color:#777;
    font-size:70px;
    padding:10px;
    text-align:center;
    min-height:153px
}
.attach-file>i{
    line-height:133px
}
.attach-info{
    background-color:#f4f4f4;
    padding:10px
}
.attach-filename{
    color:#777;
    font-weight:700
}
.attach-filesize{
    color:#999;
    font-size:12px
}
.attach-file img{
    height:auto;
    max-width:100%
}
.mailview-header{
    border-bottom:1px solid #ddd;
    margin-bottom:20px;
    padding-bottom:15px
}
.mailview-footer{
    border-top:1px solid #ddd;
    margin-top:20px;
    padding-top:15px
}
.mailview-footer .btn-white{
    min-width:102px
}
.sender-img{
    float:left;
    margin-right:10px;
    width:40px
}
.sender-name{
    display:block
}
.receiver-name{
    color:#777
}
.right-action{
    text-align:right
}
.mail-view-title{
    font-weight:500;
    font-size:24px;
    margin:0
}
.mail-view-action{
    float:right
}
.mail-sent-time{
    float:right
}
.voice-call-avatar{
    flex-direction:column;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:2
}
.voice-call-avatar .call-avatar{
    margin:15px;
    width:150px;
    height:150px;
    border-radius:100%;
    border:1px solid rgba(0,0,0,.1);
    padding:3px;
    background-color:#fff
}
.call-duration{
    display:inline-block;
    font-size:30px;
    margin-top:4px;
    position:absolute;
    left:0
}
.voice-call-avatar .call-timing-count{
    padding:5px
}
.voice-call-avatar .username{
    font-size:18px;
    text-transform:uppercase
}
.call-icons{
    text-align:center;
    position:relative
}
.call-icons .call-items{
    border-radius:5px;
    padding:0;
    margin:0;
    list-style:none;
    display:inline-block
}
.call-icons .call-items .call-item{
    display:inline-block;
    text-align:center;
    margin-right:5px
}
.call-icons .call-items .call-item:last-child{
    margin-right:0
}
.call-icons .call-items .call-item a{
    color:#777;
    border:1px solid #ddd;
    width:50px;
    height:50px;
    line-height:50px;
    border-radius:50px;
    display:inline-block;
    font-size:20px
}
.call-icons .call-items .call-item a i{
    width:18px;
    height:18px
}
.user-video{
    bottom:0;
    left:0;
    overflow:auto;
    position:absolute;
    right:0;
    top:0;
    z-index:10
}
.user-video img{
    width:auto;
    max-width:100%;
    height:auto;
    max-height:100%;
    display:block;
    margin:0 auto
}
.user-video video{
    width:auto;
    max-width:100%;
    height:auto;
    max-height:100%;
    display:block;
    margin:0 auto
}
.my-video{
    position:absolute;
    z-index:99;
    bottom:20px;
    right:20px
}
.my-video ul{
    margin:0;
    padding:0;
    list-style:none
}
.my-video ul li{
    float:left;
    width:120px;
    margin-right:10px
}
.my-video ul li img{
    border:3px solid #fff;
    border-radius:6px
}
.end-call{
    position:absolute;
    top:7px;
    right:0
}
.end-call a{
    background-color:#f06060;
    border-radius:50px;
    color:#fff;
    display:inline-block;
    line-height:10px;
    padding:8px 25px;
    text-transform:uppercase
}
.call-users{
    position:absolute;
    z-index:99;
    bottom:20px;
    right:20px
}
.call-users ul{
    margin:0;
    padding:0;
    list-style:none
}
.call-users ul li{
    float:left;
    width:80px;
    margin-left:10px
}
.call-users ul li img{
    border-radius:6px;
    padding:2px;
    background-color:#fff;
    border:1px solid rgba(0,0,0,.1)
}
.call-mute{
    width:80px;
    height:80px;
    background-color:rgba(0,0,0,.5);
    position:absolute;
    display:inline-block;
    text-align:center;
    line-height:80px;
    border-radius:6px;
    font-size:30px;
    color:#fff;
    display:none;
    top:0;
    border:3px solid transparent
}
.call-users ul li a:hover .call-mute{
    display:block
}
.call-details{
    margin:10px 0 0;
    display:flex
}
.call-info{
    margin-left:10px;
    width:100%
}
.call-user-details,.call-timing{
    display:block;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.call-description{
    white-space:nowrap;
    vertical-align:bottom
}
.call-timing{
    color:#727272;
    display:flex;
    font-size:14px;
    margin-top:1px;
    overflow:hidden;
    white-space:pre
}
.content-full{
    height:100%;
    position:relative;
    width:100%
}
.video-window .fixed-header{
    padding:0;
    border:0
}
.video-window .fixed-header .nav>li>a{
    padding:18px 15px
}
.call-box{
    display:block;
    background:#ff9b44;
    background:-moz-linear-gradient(left,#ff9b44 0%,#fc6075 100%);
    background:-webkit-linear-gradient(left,#ff9b44 0%,#fc6075 100%);
    background:-ms-linear-gradient(left,#ff9b44 0%,#fc6075 100%);
    background:linear-gradient(to right,#ff9b44 0%,#fc6075 100%);
    position:sticky;
    top:0;
    z-index:99;
    overflow-y:auto;
    overflow-x:hidden
}
.call-box .call-wrapper{
    display:flex;
    align-items:center;
    justify-content:center;
    height:calc(100vh - 60px);
    text-align:center
}
.call-box .call-wrapper .call-avatar{
    margin-bottom:50px;
    cursor:pointer;
    animation:ripple 2s infinite
}
.call-box .call-wrapper .call-user{
    margin-bottom:50px
}
.call-box .call-wrapper .call-user h4{
    color:#fff
}
.call-box .call-wrapper .call-user span{
    display:block;
    color:#fff;
    font-weight:500;
    text-align:center
}
.call-box .call-wrapper .call-items{
    display:flex;
    align-items:center;
    justify-content:center
}
.call-box .call-wrapper .call-items .call-item{
    background-color:rgba(255,255,255,.2);
    border:1px solid transparent;
    border-radius:100%;
    color:#fff;
    line-height:0;
    margin:0 5px;
    padding:15px
}
.call-box .call-wrapper .call-items .call-item:hover{
    opacity:.9
}
.call-box .call-wrapper .call-items .call-item:first-child{
    margin-top:-30px
}
.call-box .call-wrapper .call-items .call-item:last-child{
    margin-top:-30px
}
.call-box .call-wrapper .call-items .call-item.call-end{
    padding:20px;
    margin:30px 20px 0;
    background:#f06060;
    border:1px solid #f06060;
    color:#fff;
    line-height:0;
    border-radius:100%
}
.call-box .call-wrapper .call-items .call-item.call-start{
    padding:20px;
    margin:30px 20px 0;
    background:#55ce63;
    border:1px solid #55ce63;
    color:#fff;
    line-height:0;
    border-radius:100%
}
.call-box.incoming-box .call-wrapper .call-items .call-item.call-start{
    margin:0 10px
}
.call-box.incoming-box .call-wrapper .call-items .call-item.call-end{
    margin:0 10px
}
.call-box .call-avatar{
    border-radius:100%;
    height:150px;
    max-width:150px;
    min-width:150px;
    position:relative;
    width:100%
}
.call-box .btn{
    background:transparent;
    transition:all .3s ease 0s
}
@-webkit-keyframes ripple{
    0%{
        -webkit-box-shadow:0 0 0 0 rgba(0,0,0,.1)
    }
    100%{
        -webkit-box-shadow:0 0 0 50px transparent
    }
}
@keyframes ripple{
    0%{
        -moz-box-shadow:0 0 0 0 rgba(0,0,0,.1);
        box-shadow:0 0 0 0 rgba(0,0,0,.1)
    }
    100%{
        -moz-box-shadow:0 0 0 50px transparent;
        box-shadow:0 0 0 50px transparent
    }
}
.incoming-btns{
    margin-top:20px
}
.contacts-header{
    background-color:#fff;
    border-bottom:1px solid #eaeaea;
    padding:10px 15px
}
.contacts-header .navbar{
    border:0;
    margin:0;
    min-height:auto
}
.contacts-header .user-info a{
    color:#76838f;
    text-transform:uppercase
}
.contact-left{
    display:table-cell;
    height:100%;
    float:none;
    padding:0;
    position:static;
    vertical-align:top;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    width:100%
}
.contacts-list{
    position:relative;
    padding:0 70px 0 20px
}
.contact-list{
    list-style:none;
    padding-left:0;
    margin:0
}
.contact-list>li{
    background-color:#fff;
    border-bottom:1px solid #eaeaea;
    border-radius:inherit;
    padding:10px
}
.contact-cont{
    position:relative
}
.contact-type{
    height:48px;
    position:absolute;
    width:48px
}
.contact-icon{
    background-color:#f3f7f9;
    border:1px solid #e4eaec;
    border-radius:4px;
    display:inline-block;
    height:38px;
    line-height:38px;
    text-align:center;
    width:38px
}
.contact-icon i{
    color:#76838f;
    font-size:20px
}
.contact-info{
    padding:0 30px 0 50px
}
.contact-action{
    height:30px;
    list-style:none;
    padding-left:0;
    position:absolute;
    right:0;
    text-align:right;
    top:10px;
    width:30px
}
.contact-date{
    color:#888;
    font-size:12px
}
.contact-author a{
    color:#1d6ad2;
    font-size:12px;
    text-decoration:underline
}
.contact-action .dropdown-menu{
    left:auto;
    right:0
}
.contact-alphapets{
    background-color:#fff;
    border-left:1px solid #ddd;
    bottom:0;
    height:100%;
    overflow:hidden;
    padding-bottom:114px;
    position:fixed;
    right:0;
    top:114px;
    width:50px
}
.contact-box{
    display:inline-table;
    height:100%;
    padding:30px 15px;
    position:relative;
    width:100%
}
.alphapets-inner{
    height:100%;
    overflow:auto
}
.alphapets-inner a{
    display:block;
    text-align:center;
    padding:2px;
    color:#333
}
.chat-sidebar{
    background-color:#fff;
    border-left:1px solid #eaeaea;
    width:300px
}
.chat-sidebar .chat-contents{
    background-color:#fff
}
.chat-sidebar .chat-left .chat-content{
    border:0;
    padding:0;
    border-radius:0!important;
    background-color:transparent;
    max-width:100%
}
.chat-sidebar .chat-left .chat-body{
    margin-left:50px;
    padding-right:0
}
.chat-sidebar .chat-date{
    background-color:#fff
}
.chat-sidebar .chats{
    padding:15px 15px 30px
}
.chat-sidebar .avatar{
    width:30px;
    height:30px;
    line-height:30px
}
.chat-sidebar .chat.chat-left{
    margin-bottom:20px
}
.chat-sidebar .chat.chat-left:last-child{
    margin-bottom:0
}
.chat-sidebar .chat-left .chat-time{
    color:#888;
    display:inline-block;
    font-size:11px
}
.chat-sidebar .chat-content>p{
    font-size:13px;
    margin-bottom:0
}
.chat-sidebar.opened{
    margin-right:0
}
.apply-btn{
    background:#ff9b44;
    background:-moz-linear-gradient(left,#ff9b44 0%,#fc6075 100%);
    background:-webkit-linear-gradient(left,#ff9b44 0%,#fc6075 100%);
    background:-ms-linear-gradient(left,#ff9b44 0%,#fc6075 100%);
    background:linear-gradient(to right,#ff9b44 0%,#fc6075 100%);
    border-color:transparent;
    box-shadow:0 6px 15px rgba(36,37,38,.08);
    color:#fff;
    position:absolute;
    right:20px;
    top:20px
}
.job-list{
    background-color:#fff;
    border:1px solid #ededed;
    border-radius:4px;
    box-shadow:0 1px 1px 0 rgba(0,0,0,.2);
    display:block;
    margin-bottom:35px;
    position:relative;
    transition:all .3s ease 0s
}
.job-list-det{
    align-items:flex-start;
    display:flex;
    align-items:center;
    padding:20px
}
.job-list .job-list-desc{
    flex:1 1 0
}
.job-list h4.job-department{
    color:#777;
    font-size:14px;
    margin-bottom:0
}
.job-list h3.job-list-title{
    color:#333;
    font-size:18px;
    font-weight:600;
    line-height:18px
}
.job-list .job-list-footer{
    background-color:#f9f9f9;
    border-radius:0 0 4px 4px;
    position:relative;
    padding:20px
}
.job-list .job-list-footer ul{
    list-style:none;
    margin:0;
    padding:0
}
.job-list .job-list-footer ul li{
    color:#777;
    display:inline-block;
    margin-right:14px
}
.job-list .job-list-footer ul li i{
    color:#777;
    margin-right:3px;
    position:relative
}
.job-list .job-list-footer ul li:last-child{
    margin-right:0
}
.page-wrapper.job-wrapper{
    margin-left:0
}
.job-types{
    background-color:transparent;
    border:1px solid #ff9b44;
    color:#ff9b44;
    border-radius:4px;
    display:inline-block;
    padding:6px 12px;
    text-align:center
}
.job-info{
    background-color:#fff;
    border:1px solid #efefef;
    float:left;
    margin:0 0 30px;
    padding:30px;
    position:relative;
    width:100%
}
.job-title{
    color:#585858;
    font-size:22px;
    font-weight:600;
    margin-bottom:5px
}
.job-info .job-dept{
    color:#737882;
    display:block;
    font-size:16px;
    font-weight:500;
    margin-bottom:20px
}
.job-post-det{
    display:inline-block;
    margin-bottom:5px;
    width:100%;
    color:#737882;
    list-style:none;
    margin:0;
    padding:0
}
.job-content li{
    line-height:28px
}
.job-post-det li{
    float:left;
    list-style:none;
    margin-bottom:10px;
    margin-right:20px
}
.job-det-info{
    background-color:#fff;
    margin:0 0 15px;
    padding:0 0 6px
}
.info-list{
    color:#888;
    padding-top:20px
}
.info-list span{
    color:#ff9b44;
    float:left;
    font-size:20px;
    line-height:14px
}
.info-list p{
    line-height:1.7;
    margin:0 0 0 40px
}
.info-list>h5{
    color:#585858;
    font-size:14px;
    font-weight:600;
    margin-bottom:5px;
    margin-left:40px;
    text-transform:uppercase
}
.app-ends{
    color:#46cd38;
    font-size:13px
}
.job-btn{
    border:2px solid #ff9b44;
    color:#ff9b44;
    display:block;
    font-size:16px;
    font-weight:600;
    margin-bottom:20px;
    padding:15px;
    text-transform:uppercase;
    transition:all .3s ease 0s
}
.job-btn:hover{
    background-color:#ff9b44;
    color:#fff
}
.job-widget{
    background-color:#fff;
    border:1px solid #efefef;
    float:left;
    margin:0 0 30px;
    padding:30px;
    position:relative;
    width:100%
}
.job-desc-title h2{
    font-size:20px;
    margin-bottom:0
}
.job-widget h4{
    color:#585858;
    font-size:16px;
    font-weight:600;
    margin:0 0 20px
}
.job-description>p{
    color:#727272;
    line-height:28px
}
.square-list{
    list-style:none;
    padding:0;
    margin-bottom:0
}
.square-list li{
    color:#727272;
    line-height:24px;
    list-style:none;
    margin:10px 0 0 20px;
    position:relative
}
.square-list li:first-child{
    margin-top:0
}
.square-list li:before{
    font-family:fontawesome;
    margin:0;
    position:relative;
    color:#ff9b44;
    float:left;
    margin-left:-20px;
    display:block;
    content:"\f0c8";
    font-size:8px
}
.text-blue{
    color:#009ce7
}
.notification-list .list-group-item{
    padding:15px
}
.notification-list .status-toggle{
    float:right
}
.leave-item{
    max-width:653px
}
.leave-row{
    display:flex;
    margin-bottom:15px
}
.carry-forward-itemview{
    margin-bottom:15px
}
.earned-leave-itemview{
    margin-bottom:15px
}
.leave-row .leave-left{
    flex:1 1 auto
}
.leave-row .leave-left .input-box{
    max-width:410px
}
.leave-item .form-group{
    margin-bottom:0
}
.leave-right{
    align-items:center;
    display:flex;
    flex:0 0 200px;
    justify-content:end;
    margin-top:31px;
    min-height:44px;
    text-align:right
}
.leave-right .btn{
    min-height:44px;
    min-width:75px
}
.leave-right .btn+.btn{
    margin-left:10px
}
.leave-edit-btn{
    color:#216ef4;
    background-color:transparent;
    border:0;
    padding:0 6px;
    transition:unset
}
.leave-edit-btn[disabled]{
    cursor:not-allowed;
    opacity:.65
}
.leave-inline-form{
    align-items:center;
    display:flex;
    min-height:44px
}
.leave-header{
    align-items:center;
    color:#212536;
    display:flex;
    justify-content:space-between;
    margin-bottom:20px
}
.leave-header .title{
    flex:1 1 auto
}
.leave-header .leave-action{
    flex:1 1 auto;
    text-align:right
}
.leave-table .l-name{
    width:200px
}
.leave-table .l-days{
    width:140px
}
.leave-box .subtitle{
    color:#8e8e8e;
    font-size:14px;
    font-weight:400;
    margin:5px auto 0 5px
}
.leave-duallist{
    background-color:#f9f9f9;
    border:1px solid #e3e3e3;
    display:block;
    padding:15px
}
.card-title.with-switch{
    display:flex;
    justify-content:space-between
}
.btn.leave-delete-btn{
    font-weight:500;
    margin-left:10px;
    min-height:30px;
    padding:2px 15px
}
.add-group-btn{
    display:flex
}
.add-group-btn .btn{
    align-items:center;
    display:flex;
    margin-left:10px
}
.add-group-btn .btn i{
    margin-right:5px
}
.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{
    background-color:#ff9b44;
    text-shadow:unset
}
#loader-wrapper{
    background-color:#fff;
    bottom:0;
    height:100%;
    left:0;
    position:fixed;
    right:0;
    top:0;
    width:100%;
    z-index:9999
}
#loader{
    background-position:center center;
    background-repeat:no-repeat;
    height:200px;
    left:50%;
    margin:-100px 0 0 -100px;
    position:absolute;
    top:50%;
    width:200px
}
.loader-ellips{
    font-size:20px;
    position:relative;
    width:64px;
    margin:100px auto 0
}
.loader-ellips__dot{
    display:block;
    width:1em;
    height:1em;
    border-radius:.5em;
    position:absolute;
    animation-duration:.5s;
    animation-timing-function:ease;
    animation-iteration-count:infinite
}
.loader-ellips__dot:nth-child(1),.loader-ellips__dot:nth-child(2){
    left:0
}
.loader-ellips__dot:nth-child(3){
    left:1.5em
}
.loader-ellips__dot:nth-child(4){
    left:3em
}
.loader-ellips__dot:nth-child(1){
    animation-name:reveal
}
.loader-ellips__dot:nth-child(2),.loader-ellips__dot:nth-child(3){
    animation-name:slide
}
.loader-ellips__dot:nth-child(4){
    animation-name:reveal;
    animation-direction:reverse
}
@keyframes reveal{
    from{
        transform:scale(.001)
    }
    to{
        transform:scale(1)
    }
}
@keyframes slide{
    to{
        transform:translateX(1.5em)
    }
}
.loader-ellips__dot:nth-child(1){
    background:#404040
}
.loader-ellips__dot:nth-child(2){
    background:#ff9b44
}
.loader-ellips__dot:nth-child(3){
    background:#404040
}
.loader-ellips__dot:nth-child(4){
    background:#404040
}
.page-menu .nav-tabs>li>a{
    font-size:18px
}
.table-radius.table{
    width:100%;
    background:#fff;
    border-spacing:0;
    border-radius:.25rem;
    margin-bottom:0
}
.table-radius.table thead td,.table-radius.table thead th{
    border-top:0!important;
    padding:20px!important
}
.table-radius.table tbody td,.table-radius.table tbody th{
    padding:15px 20px!important
}
.error-page{
    align-items:center;
    background-color:rgba(255,155,68,.2);
    color:#1f1f1f;
    display:flex
}
.error-page .main-wrapper{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    width:100%
}
.error-box{
    margin:0 auto;
    max-width:480px;
    padding:40px 0;
    text-align:center;
    width:100%
}
.error-box h1{
    color:#ff9b44;
    font-size:10em
}
.error-box p{
    margin-bottom:30px
}
.error-box .btn{
    border-radius:50px;
    font-size:18px;
    font-weight:600;
    min-width:200px;
    padding:10px 20px
}
.lock-user{
    margin-bottom:20px;
    text-align:center
}
.lock-user img{
    margin-bottom:15px;
    width:100px
}
.otp-wrap{
    margin-bottom:30px;
    text-align:center
}
.otp-input{
    background-color:#fff;
    border:1px solid #e3e3e3;
    border-radius:4px;
    display:inline-block;
    font-size:24px;
    font-weight:500;
    height:70px;
    line-height:29px;
    margin-right:15px;
    text-align:center;
    width:70px
}
.otp-input:last-child{
    margin-right:0
}
.settings-widget+.settings-widget{
    margin-top:30px
}
.row.row-sm{
    margin-left:-5px;
    margin-right:-5px
}
.row.row-sm>div{
    padding-left:5px;
    padding-right:5px
}
.set-btn{
    min-height:44px
}
.comp-buttons .btn{
    margin-bottom:5px
}
.comp-dropdowns .btn-group{
    margin-bottom:5px
}
.progress-example .progress{
    margin-bottom:1.5rem
}
.progress-xs{
    height:4px
}
.progress-sm{
    height:15px
}
.progress.progress-sm{
    height:6px
}
.progress.progress-md{
    height:8px
}
.progress.progress-lg{
    height:18px
}
.stickyside .sidebar-menu>ul>li>a.active{
    color:#ff9b44
}
.comp-section{
    margin-bottom:30px;
    padding-bottom:30px;
    padding-top:30px
}
.comp-section:last-child{
    margin-bottom:0;
    padding-bottom:0
}
.comp-section .section-title{
    font-size:1.125rem;
    margin-bottom:20px;
    text-decoration:underline;
    text-transform:uppercase
}
.main-search{
    margin-bottom:20px
}
.search-result{
    margin-bottom:30px
}
.search-result u{
    color:#ff9b44
}
.search-result p{
    color:#777;
    margin-bottom:0
}
.search-lists .nav-tabs.nav-tabs-solid{
    background-color:#fff;
    border:1px solid #e3e3e3
}
.top-nav-search form{
    margin-top:10px;
    position:relative;
    width:230px
}
.top-nav-search .form-control{
    border-radius:50px;
    height:40px;
    padding:10px 50px 10px 15px
}
.top-nav-search .btn{
    background-color:transparent;
    border-color:transparent;
    color:#999;
    min-height:40px;
    padding:7px 15px;
    position:absolute;
    right:0;
    top:0
}
.top-nav-search .form-control::-webkit-input-placeholder{
    color:#999
}
.top-nav-search .form-control::-moz-placeholder{
    color:#999
}
.top-nav-search .form-control:-ms-input-placeholder{
    color:#999
}
.top-nav-search .form-control::-ms-input-placeholder{
    color:#999
}
.top-nav-search .form-control::placeholder{
    color:#999
}
.responsive-search{
    display:none;
    color:#333;
    font-size:20px;
    height:60px;
    line-height:60px;
    padding:0 15px
}
.top-nav-search.active form{
    display:block;
    left:0;
    position:absolute
}
.topics{
    background-color:#fff;
    border:1px solid #ededed;
    border-radius:4px;
    box-shadow:0 1px 1px 0 rgba(0,0,0,.2);
    margin-bottom:30px;
    padding:20px
}
.topics .topic-title{
    color:#333;
    margin-bottom:20px;
    padding:0 25px 0 0;
    position:relative
}
.topics .topic-title a{
    color:#333;
    font-size:20px;
    font-weight:500;
    text-decoration:none
}
.topics .topic-title a:hover{
    color:#ff9b44
}
.topics .topic-title a span{
    color:#ff9b44
}
.topics .topic-title a i{
    color:#ff9b44;
    margin-right:5px
}
.topics .topics-list{
    padding:0;
    margin:0
}
.topics .topics-list li{
    list-style:none;
    line-height:2
}
.topics .topics-list li a{
    padding-left:25px;
    color:#555;
    font-size:14px;
    font-weight:400;
    text-decoration:none;
    outline:0
}
.topics .topics-list li a:hover{
    color:#ff9b44
}
.topics .topics-list li:before{
    font-family:FontAwesome;
    content:"\f016";
    color:#555;
    font-size:15px;
    left:0;
    position:absolute;
    top:0
}
.topics .topics-list li{
    position:relative
}
.widget{
    background-color:#fff;
    border:1px solid #ededed;
    border-radius:4px;
    box-shadow:0 1px 1px 0 rgba(0,0,0,.2);
    margin-bottom:30px;
    padding:20px
}
.widget:last-child{
    margin-bottom:0
}
.widget h4{
    color:#333;
    font-size:18px;
    font-weight:500;
    line-height:25px
}
.widget>ul{
    margin-bottom:0;
    padding:0;
    margin:0
}
.widget-category li{
    line-height:35px;
    list-style:none;
    position:relative
}
.widget-category li:before{
    font-family:FontAwesome;
    content:"\f016";
    color:#555;
    font-size:18px;
    left:0;
    position:absolute;
    top:0
}
.widget-category li a{
    color:#5e6977;
    padding-left:25px
}
.widget-category li a:hover{
    color:#ff9b44
}
.post{
    margin-bottom:50px
}
.post .meta{
    background-color:#f9f9f9;
    border:1px solid #efefef;
    font-size:12px;
    margin:0 0 20px;
    padding:10px
}
.post .meta p{
    padding:15px 0
}
.post .meta li{
    display:inline-block;
    color:#86939e
}
.post .meta li span{
    color:#43484d
}
.post .meta li:after{
    content:"/";
    padding:0 10px
}
.post .meta li:last-child:after{
    content:none
}
.post img{
    padding:40px 0;
    max-width:100%
}
.feedback{
    background-color:#f9f9f9;
    border:1px solid #efefef;
    padding:20px;
    margin-bottom:50px
}
.feedback h3{
    color:#333;
    font-size:24px;
    margin-bottom:20px
}
.feedback p:last-child{
    margin-bottom:0
}
.post .meta a{
    color:#ff9b44
}
.widget .widget-title i{
    color:#ff9b44;
    font-size:24px;
    margin-right:10px
}
.post h1.post-title{
    font-size:32px;
    font-weight:400;
    margin-bottom:20px
}
.post h2{
    font-size:24px;
    font-weight:400
}
.post>p{
    margin-bottom:20px
}
.comment-section{
    float:left;
    width:100%
}
.comment-section h3{
    font-size:24px;
    font-weight:400;
    margin-bottom:30px
}
ul.comment-list{
    border-top:0;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    width:100%
}
ul.comment-list li{
    border:0;
    box-sizing:border-box;
    clear:both;
    float:left;
    list-style:none;
    margin:0 0 30px;
    padding:0 0 0 70px;
    position:relative;
    width:100%
}
ul.comment-list li:last-child{
    margin-bottom:0
}
ul.comment-list li div.comment{
    border-bottom:1px solid #ccc;
    margin-bottom:20px;
    padding-bottom:20px
}
ul.comment-list li .comment-author{
    left:0;
    position:absolute;
    top:0;
    width:100%
}
ul.comment-list li .comment-author img{
    border-radius:50px;
    float:left;
    height:50px;
    margin:0;
    max-height:50px;
    max-width:50px;
    width:50px
}
ul.comment-list li .comment-details{
    margin:10px 0;
    padding:0 0 10px;
    position:relative
}
ul.comment-list li .author-name>a{
    color:#2f363f;
    font-size:18px;
    font-weight:500;
    line-height:19px;
    text-transform:capitalize
}
ul.comment-list li .author-name span{
    float:left;
    font-size:14px;
    width:100%
}
ul.comment-list li .comment-body{
    float:left;
    margin:10px 0 0;
    width:100%
}
ul.comment-list li .comment-body p{
    line-height:28px
}
ul.comment-list li .reply a{
    clear:both;
    color:#2f363f;
    display:inline-block;
    font-size:15px;
    font-weight:500;
    margin:10px 0 0
}
ul.comment-list li ul.children{
    border:0;
    clear:both;
    float:left;
    margin:10px 0;
    padding:0;
    width:100%
}
.comment-section .comment-reply{
    float:left;
    margin-top:30px;
    width:100%
}
.comment-reply form{
    float:left;
    margin-bottom:20px;
    width:100%
}
.comment-reply .form-control{
    background-color:#f9f9f9;
    border:1px solid #e7e7e7;
    border-radius:0;
    min-height:50px
}
.comment-reply .form-control:focus{
    box-shadow:unset
}
.faq-card .card-header{
    background-color:#fff;
    padding:20px;
    position:relative
}
.faq-card .card{
    border-color:#ddd;
    border-radius:3px;
    box-shadow:none;
    margin-bottom:20px;
    overflow:hidden
}
.faq-card .card .card-header h4{
    margin-bottom:0
}
.faq-card .card .card-header h4>a{
    color:#090909;
    display:block;
    font-size:20px;
    font-weight:400;
    padding-right:60px;
    position:relative
}
.faq-card .card .card-header h4>a:after{
    font-family:FontAwesome;
    font-size:19px;
    position:absolute;
    right:0;
    font-weight:400
}
.faq-card .card .card-header h4>a.collapsed:after{
    content:"\f067"
}
.faq-card .card .card-header h4>a:not(.collapsed):after{
    content:"\f068"
}
.faq-card .card .card-header h4>label{
    color:#fff;
    cursor:pointer;
    display:flex;
    font-size:24px;
    font-weight:400;
    margin:0;
    padding-right:60px;
    position:relative
}
.faq-card .card .card-header h4>label:after{
    font-family:FontAwesome;
    font-size:19px;
    position:absolute;
    right:0;
    font-weight:400;
    top:0
}
.faq-card .card .card-header h4>label.collapsed:after{
    content:"\f067"
}
.faq-card .card .card-header h4>label:not(.collapsed):after{
    content:"\f068"
}
.small-container{
    margin:auto;
    max-width:1100px;
    padding:30px
}
.inner-header{
    margin-bottom:30px
}
.welcome-box{
    background-color:#fff;
    border-bottom:1px solid #ededed;
    display:flex;
    margin:-30px -30px 30px;
    padding:20px;
    position:relative
}
.welcome-img{
    margin-right:15px
}
.welcome-img img{
    border-radius:8px;
    width:60px
}
.welcome-det p{
    color:#777;
    font-size:18px;
    margin-bottom:0
}
.dash-section{
    margin-bottom:30px
}
.dash-list{
    background-color:#fff;
    border-color:#f1f6f8;
    color:#2e424d;
    display:flex;
    margin:10px 0 0
}
.dash-card-container{
    display:flex;
    flex-direction:row;
    flex-grow:1
}
.dash-card-icon{
    align-items:center;
    display:flex;
    flex-direction:row;
    font-size:26px;
    padding-right:15px
}
.dash-card-icon i{
    width:30px
}
.dash-card-content{
    align-items:center;
    display:flex;
    flex-direction:row
}
.e-avatar{
    background-color:#fff;
    border:3px solid #e7e7e7;
    border-radius:50%;
    height:45px;
    position:relative;
    width:45px;
    margin-left:-20px
}
.e-avatar:first-of-type{
    margin-left:0!important
}
.dash-card-avatars{
    align-items:center;
    display:flex;
    flex-grow:1;
    justify-content:flex-end;
    padding:0 15px
}
.e-avatar>img{
    border-radius:50%;
    width:100%
}
.dash-sec-title{
    font-size:18px;
    font-weight:700;
    margin-bottom:20px;
    text-transform:uppercase
}
.dash-info-list .dash-card{
    background-color:#fff;
    border:1px solid #eaeaea;
    border-radius:8px;
    color:#575757;
    display:flex;
    flex-direction:column;
    flex-grow:1;
    height:auto;
    padding:15px
}
.dash-card-content p{
    font-size:22px;
    margin-bottom:0
}
.dash-sec-content .dash-info-list+.dash-info-list{
    margin-top:15px
}
.dash-sidebar h5{
    color:inherit;
    font-size:13px;
    font-weight:700;
    line-height:1.5;
    margin-bottom:15px;
    text-transform:uppercase
}
.dash-sidebar p{
    color:#777;
    font-size:13px;
    font-weight:600;
    line-height:1.5;
    margin-bottom:0;
    text-transform:uppercase
}
.dash-sidebar .card{
    border-radius:8px;
    box-shadow:unset
}
.time-list{
    display:flex;
    flex-grow:1;
    margin-bottom:20px
}
.request-btn{
    text-align:center
}
.dash-stats-list{
    align-items:center;
    display:flex;
    flex-flow:column wrap;
    flex-grow:1;
    padding-left:15px;
    padding-right:15px
}
.dash-stats-list+.dash-stats-list{
    border-left:1px solid #e7e7e7
}
.dash-stats-list h4{
    color:#1f1f1f;
    font-size:21px;
    font-weight:700;
    line-height:1.5;
    margin-bottom:0
}
.review-table tr{
    background-color:#fff
}
.review-section{
    margin-bottom:30px
}
.review-header{
    background-color:#fff;
    border:1px solid #dee2e6;
    margin-bottom:0;
    padding:15px;
    text-align:center
}
.review-header h3{
    font-size:1.4rem;
    margin-bottom:3px
}
.review-header p{
    margin-bottom:0
}
.review-table .form-control{
    height:36px
}
.grade-span .badge{
    border-radius:3px;
    display:inline-block;
    font-size:13px;
    min-width:75px;
    padding:4px 12px;
    text-align:center
}
.review-table .select2-container .select2-selection--single{
    height:36px
}
.review-table .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:34px
}
.review-table .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:34px
}
.card>.task-header{
    line-height:15px;
    display:flex;
    justify-content:space-between
}
.task-header{
    font-size:14px;
    font-weight:500;
    padding:15px 15px 5px
}
.task-header a{
    color:#1f1f1f
}
.task-body{
    padding:0 15px 15px;
    font-size:13px
}
.kanban-list:last-child{
    margin-right:0
}
.kanban-list>.kanban-header{
    align-items:center;
    display:flex;
    justify-content:space-between;
    padding:10px 20px
}
.kanban-list>.kanban-header>.status-title{
    color:#fff;
    font-size:16px;
    font-weight:500
}
.kanban-list>.kanban-wrap{
    padding:20px
}
.kanban-list>.kanban-wrap>.drag-placeholder{
    height:146px;
    -webkit-border-radius:2px;
    border-radius:2px;
    background-color:rgba(0,0,0,.05);
    margin-bottom:12px
}
.kanban-list>.kanban-wrap.ks-empty>.card.drop-here{
    display:block
}
.kanban-list>.kanban-wrap>.card{
    border:1px solid #e3e3e3;
    border-radius:2px;
    box-shadow:unset;
    margin:0 0 12px
}
.kanban-list>.kanban-wrap>.card.drop-here{
    display:none;
    text-align:center;
    background:0 0;
    padding:15px;
    border-style:dashed
}
.kanban-list>.kanban-wrap>.card.drop-here>a{
    color:#333;
    font-weight:500
}
.kanban-list>.kanban-wrap>.card:last-child{
    margin-bottom:0
}
.kanban-list>.kanban-wrap>.card.ui-sortable-helper{
    box-shadow:0 2px 20px 0 #d7dceb
}
.kanban-list>.kanban-wrap>.card>.task-header{
    font-size:14px;
    font-weight:500;
    border:none;
    padding:15px 15px 5px;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.kanban-list>.kanban-wrap>.card>.task-body{
    padding:0 15px 15px
}
.kanban-list>.kanban-wrap>.card>.kanban-box>.task-body>.kanban-info{
    display:flex;
    align-items:center;
    font-size:12px
}
.kanban-list>.kanban-wrap>.card>.kanban-box>.task-body>.kanban-info>.progress{
    margin-bottom:0;
    margin-right:10px;
    width:100%
}
.kanban-list>.kanban-wrap>.card>.kanban-box>.task-body>.kanban-info>.progress .progress-bar{
    background-color:#42a5f5
}
.kanban-list>.kanban-wrap>.card>.kanban-box>.task-body>.kanban-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:12px;
    margin-top:10px
}
.kanban-list>.kanban-wrap>.card>.kanban-box>.task-body>.kanban-footer .ks-icon{
    color:#d7dceb;
    font-size:20px;
    display:inline-block;
    margin-right:3px;
    position:relative;
    top:1px
}
.kanban-list>.kanban-wrap>.card>.kanban-box>.task-body>.kanban-footer>.task-users>.task-avatar>img{
    width:24px;
    height:24px
}
.kanban-list>.kanban-wrap>.card>.kanban-box>.task-body>.kanban-footer>.task-users>.ks-amount{
    font-size:10px;
    font-weight:500;
    display:inline-block;
    margin-left:3px;
    position:relative;
    top:1px
}
.kanban-list.kanban-danger{
    background-color:#fef7f6
}
.kanban-list.kanban-danger>.kanban-header{
    background-color:#ef5350
}
.kanban-list.kanban-danger>.kanban-wrap>.card.drop-here{
    border-color:#f7c1b7
}
.kanban-list.kanban-danger>.kanban-wrap>.card>.kanban-box>.task-body>.kanban-info>.progress .progress-bar{
    background-color:#ef5350
}
.kanban-list.kanban-success{
    background-color:#edf7ee
}
.kanban-list.kanban-success>.kanban-header{
    background-color:#4caf50
}
.kanban-list.kanban-success>.kanban-wrap>.card.drop-here{
    border-color:#abebc6
}
.kanban-list.kanban-success>.kanban-wrap>.card>.kanban-box>.task-body>.kanban-info>.progress .progress-bar{
    background-color:#4caf50
}
.kanban-list.kanban-info{
    background-color:#e7f3fe
}
.kanban-list.kanban-info>.kanban-header{
    background-color:#42a5f5
}
.kanban-list.kanban-info>.kanban-wrap>.card.drop-here{
    border-color:#a6dbf9
}
.kanban-list.kanban-warning{
    background-color:#fdfcf3
}
.kanban-list.kanban-warning>.kanban-header{
    background-color:#ffb300
}
.kanban-list.kanban-warning>.kanban-wrap>.card.drop-here{
    border:1px solid #f2e49e
}
.kanban-list.kanban-warning>.kanban-wrap>.card>.kanban-box>.task-body>.kanban-info>.progress .progress-bar{
    background-color:#ffb300
}
.task-avatar{
    border-radius:50%;
    position:relative
}
.kanban-box.ui-sortable-handle{
    cursor:move
}
.card>.task-board-header{
    line-height:15px;
    display:flex;
    justify-content:space-between
}
.task-board-header{
    font-size:14px;
    font-weight:500;
    padding:15px 15px 5px;
    display:flex;
    justify-content:space-between
}
.task-board-header a{
    color:#1f1f1f
}
.task-board-body{
    padding:0 15px 15px;
    font-size:13px
}
.progress>.progress-bar{
    background-color:#25628f
}
.kanban-cont{
    display:flex;
    overflow:auto;
    padding-bottom:20px
}
.kanban-list{
    align-self:flex-start;
    margin-right:30px;
    min-width:300px;
    width:300px
}
.kanban-list:last-child{
    margin-right:0
}
.kanban-list>.kanban-header{
    align-items:center;
    display:flex;
    justify-content:space-between;
    padding:10px 20px
}
.kanban-list>.kanban-header>.status-title{
    color:#fff;
    font-size:16px;
    font-weight:500
}
.kanban-list>.kanban-wrap{
    padding:20px
}
.kanban-list>.kanban-wrap>.drag-placeholder{
    height:146px;
    -webkit-border-radius:2px;
    border-radius:2px;
    background-color:rgba(0,0,0,.05);
    margin-bottom:12px
}
.kanban-list>.kanban-wrap>.card{
    background-color:#fff;
    border:1px solid #e3e3e3;
    border-radius:2px;
    box-shadow:unset;
    margin:0 0 12px
}
.kanban-list>.kanban-wrap>.card.active{
    box-shadow:0 1px 2px rgba(0,0,0,.3)
}
.kanban-list>.kanban-wrap>.card:last-child{
    margin-bottom:0
}
.kanban-list>.kanban-wrap>.card.ui-sortable-helper{
    box-shadow:0 2px 20px 0 #d7dceb
}
.kanban-list>.kanban-wrap>.card>.task-board-header{
    font-size:14px;
    font-weight:500;
    border:none;
    padding:15px 15px 5px;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.kanban-list>.kanban-wrap>.card>.task-board-body{
    padding:0 15px 15px
}
.kanban-list>.kanban-wrap>.card>.kanban-box>.task-board-body>.kanban-info{
    display:flex;
    align-items:center;
    font-size:12px
}
.kanban-list>.kanban-wrap>.card>.kanban-box>.task-board-body>.kanban-info>.progress{
    margin-bottom:0;
    margin-right:10px;
    width:100%
}
.kanban-list>.kanban-wrap>.card>.kanban-box>.task-board-body>.kanban-info>.progress .progress-bar{
    background-color:#42a5f5
}
.kanban-list>.kanban-wrap>.card>.kanban-box>.task-board-body>.kanban-footer{
    display:flex;
    justify-content:space-between;
    font-size:12px;
    margin-top:10px;
    align-items:end
}
.kanban-list>.kanban-wrap>.card>.kanban-box>.task-board-body>.kanban-footer>.task-users>.task-avatar>img{
    width:24px;
    height:24px
}
.kanban-list>.kanban-wrap>.card>.kanban-box>.task-board-body>.kanban-footer>.task-users>.task-user-count{
    font-size:10px;
    font-weight:500;
    display:inline-block;
    margin-left:3px;
    position:relative;
    top:1px
}
.kanban-list.kanban-danger>.kanban-wrap>.card.active{
    border-color:#ef5350
}
.kanban-list.kanban-success>.kanban-wrap>.card.active{
    border-color:#4caf50
}
.kanban-list.kanban-info>.kanban-wrap>.card.active{
    border-color:#42a5f5
}
.kanban-list.kanban-warning>.kanban-wrap>.card.active{
    border-color:#ffb300
}
.kanban-list.kanban-danger{
    background-color:#fef7f6
}
.kanban-list.kanban-danger>.kanban-header{
    background-color:#ef5350
}
.kanban-list.kanban-danger>.kanban-wrap>.card>.kanban-box>.task-board-body>.kanban-info>.progress .progress-bar{
    background-color:#ef5350
}
.kanban-list.kanban-success{
    background-color:#edf7ee
}
.kanban-list.kanban-success>.kanban-header{
    background-color:#4caf50
}
.kanban-list.kanban-success>.kanban-wrap>.card>.kanban-box>.task-board-body>.kanban-info>.progress .progress-bar{
    background-color:#4caf50
}
.kanban-list.kanban-info{
    background-color:#e7f3fe
}
.kanban-list.kanban-info>.kanban-header{
    background-color:#42a5f5
}
.kanban-list.kanban-warning{
    background-color:#fdfcf3
}
.kanban-list.kanban-warning>.kanban-header{
    background-color:#ffb300
}
.kanban-list.kanban-warning>.kanban-wrap>.card>.kanban-box>.task-board-body>.kanban-info>.progress .progress-bar{
    background-color:#ffb300
}
.kanban-list.kanban-purple{
    background-color:#f1effd
}
.kanban-list.kanban-purple>.kanban-header{
    background-color:#7460ee
}
.kanban-list.kanban-purple>.kanban-wrap>.card>.kanban-box>.task-board-body>.kanban-info>.progress .progress-bar{
    background-color:#7460ee
}
.kanban-list.kanban-primary{
    background-color:#fff5ec
}
.kanban-list.kanban-primary>.kanban-header{
    background-color:#ff9b44
}
.kanban-list.kanban-primary>.kanban-wrap>.card>.kanban-box>.task-board-body>.kanban-info>.progress .progress-bar{
    background-color:#ff9b44
}
.task-avatar{
    border-radius:50%;
    position:relative
}
.kanban-box.ui-sortable-handle{
    cursor:move
}
.kanban-action>a{
    color:#fff;
    background-color:rgba(0,0,0,.3);
    display:inline-flex;
    align-items:center;
    width:22px;
    height:22px;
    border-radius:50%;
    justify-content:center
}
.task-board-color .board-color-list{
    display:flex;
    height:45px
}
.task-board-color .board-color-list .board-control{
    position:relative;
    display:inline-flex;
    min-height:1.5rem;
    padding-left:1.5rem;
    margin-right:1rem;
    cursor:pointer;
    padding-left:0;
    cursor:pointer;
    width:36px;
    height:36px
}
.task-board-color .board-control-input{
    position:absolute;
    z-index:-1;
    opacity:0
}
.board-control>.board-control-input:checked~.board-indicator:before{
    content:"\f00c";
    display:block;
    width:16px;
    height:16px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#fff;
    border:none;
    position:relative;
    font-family:FontAwesome;
    text-align:center;
    line-height:16px
}
.board-control>.board-control-input:checked~.board-indicator::before{
    width:36px;
    height:36px;
    line-height:36px
}
.board-control>.board-indicator{
    width:36px;
    height:36px
}
.board-control.board-primary>.board-indicator{
    background:#ff9b44
}
.board-control.board-success>.board-indicator{
    background:#4caf50
}
.board-control.board-info>.board-indicator{
    background:#42a5f5
}
.board-control.board-purple>.board-indicator{
    background:#7460ee
}
.board-control.board-warning>.board-indicator{
    background:#ffb300
}
.board-control.board-danger>.board-indicator{
    background:#ef5350
}
.kanban-board.task-wrapper .kanban-list{
    width:100%
}
.board-view-header{
    margin-bottom:30px
}
.pro-teams{
    display:inline-flex;
    margin-right:15px;
    text-align:center;
    margin-bottom:20px
}
.pro-teams .pro-team-members{
    margin-left:15px;
    display:flex;
    align-items:center
}
.pro-teams h4{
    margin-bottom:0;
    margin-right:6px;
    font-size:16px
}
.pro-team-lead{
    display:flex;
    align-items:center
}
.board-view-header .view-icons{
    float:right;
    margin-right:0;
    background-color:#fff;
    border:1px solid #ccc;
    padding:2px 7px;
    border-radius:4px
}
.board-view-header .view-icons .btn{
    margin:0;
    padding:0
}
.board-view-header .view-icons a.btn+a.btn{
    margin-left:5px
}
.pro-progress-bar{
    display:flex;
    align-items:center
}
.pro-progress-bar h4{
    margin-bottom:0;
    margin-right:10px;
    font-size:13px;
    text-transform:uppercase
}
.pro-progress-bar .progress{
    width:100%;
    margin-bottom:0;
    margin-right:10px;
    height:15px;
    background-color:#e3e3e3;
    box-shadow:unset
}
.pro-progress-bar .progress>.progress-bar{
    background-color:#ff9b44
}
.pro-teams .avatar-group{
    display:inline-flex
}
.pro-teams .avatar-group .avatar{
    margin-right:0;
    position:relative;
    display:inline-block;
    width:34px;
    height:34px;
    background-color:transparent
}
.pro-teams .avatar-group .avatar+.avatar{
    margin-left:-.75rem
}
.pro-teams .avatar-group .avatar .border{
    border:3px solid #fff!important
}
.pro-teams .avatar-group .avatar>img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:50%
}
.border-white{
    border-color:#fff!important
}
.pro-teams .avatar-group .avatar:hover{
    z-index:1
}
.pro-teams .avatar .avatar-title{
    font-size:14px;
    border-radius:50%
}
.pro-teams .avatar-title{
    width:100%;
    height:100%;
    background-color:#ff9b44;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center
}
.task-date{
    display:block
}
.task-priority{
    padding:.3em .6em
}
.task-follower-list{
    display:flex;
    margin-top:15px
}
.task-follower-list span{
    position:relative
}
.task-follower-list span i{
    cursor:pointer;
    position:absolute;
    top:-5px;
    right:5px;
    color:red
}
.add-new-task{
    text-align:center;
    padding:0 20px 20px
}
.add-new-task a{
    color:#333;
    font-size:14px
}
.project-add-form{
    display:none;
    margin-top:10px
}
.project-add-form.opened{
    display:block
}
#myOverviewDiv{
    position:absolute;
    width:200px;
    height:100px;
    top:10px;
    left:10px;
    background-color:#f2f2f2;
    z-index:300;
    border:solid 1px #7986cb
}
.wday-box input{
    opacity:0
}
.wday-box .checkmark{
    border:2px solid #ff9b44;
    width:40px;
    height:40px;
    line-height:35px;
    padding-left:13px!important;
    color:#ff9b44;
    display:block
}
.wday-box input:checked~.checkmark{
    background:#ff9b44;
    color:#fff
}
.table-responsive{
    white-space:nowrap
}
.user-add-shedule-list a{
    display:inline-block;
    padding:10px;
    border:1px dashed #a7a7a7;
    color:#a7a7a7;
    border-radius:5px
}
.user-add-shedule-list h2 a{
    border:2px dashed #1eb53a;
    padding:10px;
    color:#1eb53a
}
.user-add-shedule-list span{
    justify-content:center;
    display:flex
}
.file-wrap{
    border:1px solid #e0e3e4;
    display:flex;
    flex-wrap:wrap;
    position:relative
}
.file-wrap .file-sidebar{
    border-right:1px solid #e0e3e4;
    left:0;
    position:absolute;
    z-index:5;
    width:300px;
    transition:.3s ease-in-out
}
.file-wrap .file-sidebar .file-header{
    align-items:center;
    background-color:#fff;
    border-bottom:1px solid #e0e3e4;
    color:#324148;
    display:flex;
    height:72px;
    justify-content:space-between;
    padding:0 15px
}
.file-wrap .file-sidebar .file-header span{
    font-size:20px;
    font-weight:600;
    text-transform:capitalize
}
.file-wrap .file-sidebar .file-search{
    background-color:#f5f5f6;
    border-bottom:1px solid #e5e5e5;
    padding:10px 15px;
    width:100%
}
.file-wrap .file-sidebar .file-search .input-group{
    width:100%
}
.file-wrap .file-sidebar .file-search .input-group .form-control{
    background-color:#fff;
    border-radius:50px;
    padding-left:36px
}
.file-wrap .file-sidebar .file-search .input-group .form-control:focus{
    border-color:#ccc;
    box-shadow:none
}
.file-wrap .file-sidebar .file-search .input-group .input-group-prepend{
    align-items:center;
    bottom:0;
    color:#666;
    display:flex;
    left:15px;
    pointer-events:none;
    position:absolute;
    top:0;
    z-index:4
}
.file-wrap .file-scroll{
    max-height:calc(100vh - 259px);
    min-height:497px;
    overflow-y:auto
}
.file-wrap .file-sidebar .file-pro-list{
    background-color:#fff;
    padding:15px
}
.file-side-close{
    display:none;
    background-color:#eee;
    border:1px solid #e3e3e3;
    border-radius:24px;
    color:#bbb;
    font-size:14px;
    line-height:24px;
    min-height:26px;
    text-align:center;
    width:26px;
    position:absolute;
    right:15px
}
.file-wrap .file-content{
    flex:0 0 100%;
    max-width:100%
}
.file-wrap .file-content .file-header{
    align-items:center;
    background-color:#fff;
    border-bottom:1px solid #e0e3e4;
    display:flex;
    height:72px;
    justify-content:space-between;
    padding:0 15px
}
.file-wrap .file-content .file-body{
    background-color:#f5f5f6
}
.dropdown-file{
    position:absolute;
    top:10px;
    right:10px
}
.dropdown-file .dropdown-link{
    color:#777;
    width:24px;
    height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center
}
.dropdown-file .dropdown-link:hover,.dropdown-file .dropdown-link:focus{
    color:#1b2e4b
}
.dropdown-file .dropdown-item{
    font-size:12px;
    display:flex;
    align-items:center;
    padding:5px 10px
}
.card-file{
    padding:10px;
    position:relative;
    transition:all .2s ease-in-out
}
.card-file:hover,.card-file:focus{
    border-color:#ccc
}
.card-file .card-body{
    padding:15px 0 0
}
.card-file .card-footer{
    font-size:11px;
    color:#a9a9a9;
    padding:10px 0 0;
    border-top-width:0;
    background-color:transparent
}
.card-file h6{
    margin-bottom:0;
    font-size:.875rem
}
.card-file h6 a{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    display:block;
    width:100%;
    color:#333
}
.card-file span{
    font-size:12px;
    color:#888
}
.card-file-thumb{
    align-items:center;
    background-color:#f5f5f5;
    color:#777;
    display:flex;
    font-size:48px;
    height:120px;
    justify-content:center
}
.file-wrap .file-content .file-body .file-content-inner{
    padding:15px;
    width:100%
}
.file-wrap.file-sidebar-toggle .file-sidebar{
    left:-331px
}
.file-wrap.file-sidebar-toggle .file-cont-wrap{
    margin-left:0
}
.file-wrap .file-cont-wrap{
    display:flex;
    flex-wrap:wrap;
    margin-left:300px;
    transition:.4s ease-in-out
}
.file-wrap .file-cont-wrap .file-cont-inner{
    flex:0 0 100%;
    max-width:100%
}
.file-wrap .file-cont-wrap .file-cont-inner .file-cont-header{
    align-items:center;
    background:#fff;
    border-bottom:1px solid #e0e3e4;
    display:flex;
    height:72px;
    justify-content:space-between;
    padding:0 15px
}
.file-wrap .file-cont-wrap .file-cont-inner .file-cont-header>span{
    color:#333;
    font-size:20px;
    font-weight:600
}
.file-wrap .file-cont-wrap .file-cont-inner .file-cont-header .file-sidebar-toggle{
    color:#333
}
.file-wrap .file-cont-wrap .file-cont-inner .file-cont-header .file-options{
    display:flex
}
.file-wrap .file-cont-wrap .file-cont-inner .file-cont-header .file-options>a,.file-wrap .file-cont-wrap .file-cont-inner .file-cont-header .file-options>span{
    color:#333;
    display:inline-block;
    font-size:20px;
    margin-left:25px
}
.file-wrap .file-cont-wrap .file-cont-inner .file-cont-header .file-options>a:first-child,.file-wrap .file-cont-wrap .file-cont-inner .file-cont-header .file-options>span:first-child{
    margin-left:0
}
.file-wrap .file-content .file-search{
    background-color:#f5f5f6;
    border-bottom:1px solid #e5e5e5;
    padding:10px 15px;
    width:100%
}
.file-wrap .file-content .file-search .input-group{
    width:100%
}
.file-wrap .file-content .file-search .input-group .form-control{
    background-color:#fff;
    border-radius:50px;
    padding-left:36px
}
.file-wrap .file-content .file-search .input-group .form-control:focus{
    border-color:#ccc;
    box-shadow:none
}
.file-wrap .file-content .file-search .input-group .input-group-prepend{
    align-items:center;
    bottom:0;
    color:#666;
    display:flex;
    left:15px;
    pointer-events:none;
    position:absolute;
    top:0;
    z-index:4
}
.btn-file{
    display:inline-block;
    overflow:hidden;
    position:relative;
    vertical-align:middle
}
.btn-file input{
    cursor:pointer;
    direction:ltr;
    filter:alpha(opacity=0);
    font-size:23px;
    height:100%;
    margin:0;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    width:100%
}
.file-menu{
    display:inline-block;
    margin:0 0 10px;
    padding:0;
    width:100%
}
.file-menu li{
    display:inline-block;
    width:100%
}
.file-menu li+li{
    margin-top:2px
}
.file-menu li a{
    color:#333;
    display:inline-block;
    padding:10px 15px;
    width:100%;
    text-transform:capitalize;
    -webkit-transition:.3s ease;
    -moz-transition:.3s ease;
    transition:.3s ease
}
.file-menu li a i{
    font-size:16px;
    padding-right:10px;
    color:#878787
}
.file-menu li a:hover,.file-menu li.active a,.file-menu li a:focus{
    background:rgba(33,33,33,.05)
}
.show-more{
    text-align:center
}
.show-more a{
    position:relative;
    padding:0 20px 0 15px
}
.show-more a:before{
    content:'\f107';
    top:50%;
    right:0;
    position:absolute;
    font-size:18px;
    line-height:inherit;
    font-family:fontawesome;
    transform:translateY(-50%)
}
.pricing-box{
    text-align:center
}
.pricing-box ul{
    list-style:none;
    margin:0;
    padding:0;
    text-align:left
}
.pricing-box ul li{
    line-height:35px
}
.pricing-box ul li i{
    color:#00bf6f;
    margin-right:5px
}
.equal-height-cards>div>div.card{
    height:100%
}
.mb-30{
    margin-bottom:30px!important
}
.draggable{
    cursor:-webkit-grab;
    cursor:grab
}
.gu-unselectable .draggable{
    cursor:-webkit-grabbing;
    cursor:grabbing
}
#dd-handle .list-group,#multiple-list-group-a,#multiple-list-group-b{
    min-height:5.714rem
}
#dd-handle .list-group .handle,.gu-mirror .handle{
    padding:0 5px;
    margin-right:5px;
    background-color:rgba(0,0,0,.1);
    cursor:move;
    font-size:1.2rem
}
.custom-file-container{
    box-sizing:border-box;
    position:relative;
    display:block
}
.custom-file-container label,.custom-file-container label a{
    color:#ff9b44
}
.custom-file-container__custom-file{
    box-sizing:border-box;
    position:relative;
    display:inline-block;
    width:100%;
    height:calc(2.25rem + 2px);
    margin-bottom:0;
    margin-top:5px
}
.custom-file-container__custom-file:hover{
    cursor:pointer
}
.custom-file-container__custom-file__custom-file-input{
    box-sizing:border-box;
    min-width:14rem;
    max-width:100%;
    height:calc(2.25rem + 2px);
    margin:0;
    opacity:0
}
.custom-file-container__custom-file__custom-file-input:focus~span{
    outline:1px dotted #515365;
    outline:5px auto -webkit-focus-ring-color
}
.custom-file-container__custom-file__custom-file-control{
    box-sizing:border-box;
    position:absolute;
    top:0;
    right:0;
    left:0;
    z-index:1;
    height:auto;
    overflow:hidden;
    line-height:1.5;
    user-select:none;
    background-clip:padding-box;
    border-radius:.25rem;
    height:auto;
    border:1px solid #f1f2f3;
    color:#3b3f5c;
    font-size:15px;
    padding:8px 10px;
    letter-spacing:1px;
    background-color:#f3f2f1
}
.custom-file-container__custom-file__custom-file-control__button{
    box-sizing:border-box;
    position:absolute;
    top:0;
    right:0;
    z-index:6;
    display:block;
    height:auto;
    padding:10px 16px;
    line-height:1.25;
    background-color:rgb(255 154 66/22%);
    color:#ff9b44;
    border-left:1px solid #e0e6ed;
    box-sizing:border-box
}
.custom-file-container__image-preview{
    box-sizing:border-box;
    transition:all .2s ease;
    margin-top:54px;
    margin-bottom:40px;
    height:250px;
    width:100%;
    border-radius:4px;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#fff;
    overflow:auto;
    padding:15px
}
.custom-file-container__image-multi-preview{
    position:relative;
    box-sizing:border-box;
    transition:all .2s ease;
    border-radius:6px;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    float:left;
    margin:1.858736%;
    width:29.615861214%;
    height:90px;
    box-shadow:0 4px 10px 0 rgba(51,51,51,.25)
}
.custom-file-container__image-multi-preview__single-image-clear{
    left:-6px;
    background:#fff;
    position:absolute;
    width:20px;
    height:20px;
    border-radius:50%;
    text-align:center;
    margin-top:-6px;
    box-shadow:0 4px 10px 0 rgba(51,51,51,.25)
}
.custom-file-container__image-multi-preview__single-image-clear:hover{
    background:#cbcbbd;
    cursor:pointer
}
.custom-file-container__image-multi-preview__single-image-clear__icon{
    color:#4361ee;
    display:block;
    margin-top:-2px
}
.note-editor.card{
    padding:.5rem
}
.note-toolbar.card-header{
    padding:0;
    padding-bottom:.5rem
}
.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single,.irs--flat .irs-bar,.irs--flat .irs-handle>i:first-child,.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{
    background-color:#ff9b44
}
.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{
    border-top-color:#ff9b44
}
.countup-wrapper h6{
    color:#1f1f1f;
    font-size:16px;
    font-weight:500;
    margin-bottom:0
}
.countup-wrapper h5{
    margin-bottom:20px;
    color:#1f1f1f;
    font-size:20px;
    font-weight:500
}
.countdown-wrapper h6{
    color:#1f1f1f;
    font-size:16px;
    font-weight:500;
    margin-bottom:0
}
.countdown-wrapper span{
    color:#455560;
    font-size:15px;
    font-weight:400;
    margin-top:10px;
    display:inline-block
}
.ribbon-primary{
    background:#7366ff
}
.ribbon-bookmark.ribbon-primary:before{
    border-color:#7366ff;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-primary:before{
    border-right-color:#7366ff;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before{
    border-right-color:#7366ff;
    border-bottom-color:transparent
}
.ribbon-primary.ribbon-corner:before{
    border-top-color:#7366ff;
    border-left-color:#7366ff
}
.ribbon-primary.ribbon-corner.ribbon-right:before{
    border-right-color:#7366ff;
    border-left-color:transparent
}
.ribbon-primary.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#7366ff
}
.ribbon-primary.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#43f;
    border-right-color:#43f
}
.ribbon-primary.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#43f;
    border-left-color:#43f
}
.ribbon-primary.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#43f;
    border-right-color:#43f
}
.ribbon-primary.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#43f;
    border-right-color:transparent;
    border-left-color:#43f
}
.ribbon-secondary{
    background:#f73164
}
.ribbon-secondary{
    background:#f73164
}
.ribbon-bookmark.ribbon-secondary:before{
    border-color:#f73164;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-secondary:before{
    border-right-color:#f73164;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before{
    border-right-color:#f73164;
    border-bottom-color:transparent
}
.ribbon-secondary.ribbon-corner:before{
    border-top-color:#f73164;
    border-left-color:#f73164
}
.ribbon-secondary.ribbon-corner.ribbon-right:before{
    border-right-color:#f73164;
    border-left-color:transparent
}
.ribbon-secondary.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#f73164
}
.ribbon-secondary.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#ec0944;
    border-right-color:#ec0944
}
.ribbon-secondary.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#ec0944;
    border-left-color:#ec0944
}
.ribbon-secondary.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#ec0944;
    border-right-color:#ec0944
}
.ribbon-secondary.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#ec0944;
    border-right-color:transparent;
    border-left-color:#ec0944
}
.ribbon-success{
    background:#51bb25
}
.ribbon-success{
    background:#51bb25
}
.ribbon-bookmark.ribbon-success:before{
    border-color:#51bb25;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-success:before{
    border-right-color:#51bb25;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-success:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-success:before{
    border-right-color:#51bb25;
    border-bottom-color:transparent
}
.ribbon-success.ribbon-corner:before{
    border-top-color:#51bb25;
    border-left-color:#51bb25
}
.ribbon-success.ribbon-corner.ribbon-right:before{
    border-right-color:#51bb25;
    border-left-color:transparent
}
.ribbon-success.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#51bb25
}
.ribbon-success.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#3f901d;
    border-right-color:#3f901d
}
.ribbon-success.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#3f901d;
    border-left-color:#3f901d
}
.ribbon-success.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#3f901d;
    border-right-color:#3f901d
}
.ribbon-success.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#3f901d;
    border-right-color:transparent;
    border-left-color:#3f901d
}
.ribbon-danger{
    background:#dc3545
}
.ribbon-danger{
    background:#dc3545
}
.ribbon-bookmark.ribbon-danger:before{
    border-color:#dc3545;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-danger:before{
    border-right-color:#dc3545;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before{
    border-right-color:#dc3545;
    border-bottom-color:transparent
}
.ribbon-danger.ribbon-corner:before{
    border-top-color:#dc3545;
    border-left-color:#dc3545
}
.ribbon-danger.ribbon-corner.ribbon-right:before{
    border-right-color:#dc3545;
    border-left-color:transparent
}
.ribbon-danger.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#dc3545
}
.ribbon-danger.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#bd2130;
    border-right-color:#bd2130
}
.ribbon-danger.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#bd2130;
    border-left-color:#bd2130
}
.ribbon-danger.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#bd2130;
    border-right-color:#bd2130
}
.ribbon-danger.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#bd2130;
    border-right-color:transparent;
    border-left-color:#bd2130
}
.ribbon-info{
    background:#a927f9
}
.ribbon-info{
    background:#a927f9
}
.ribbon-bookmark.ribbon-info:before{
    border-color:#a927f9;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-info:before{
    border-right-color:#a927f9;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-info:before{
    border-right-color:#a927f9;
    border-bottom-color:transparent
}
.ribbon-info.ribbon-corner:before{
    border-top-color:#a927f9;
    border-left-color:#a927f9
}
.ribbon-info.ribbon-corner.ribbon-right:before{
    border-right-color:#a927f9;
    border-left-color:transparent
}
.ribbon-info.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#a927f9
}
.ribbon-info.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#9106e7;
    border-right-color:#9106e7
}
.ribbon-info.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#9106e7;
    border-left-color:#9106e7
}
.ribbon-info.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#9106e7;
    border-right-color:#9106e7
}
.ribbon-info.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#9106e7;
    border-right-color:transparent;
    border-left-color:#9106e7
}
.ribbon-light{
    background:#f4f4f4
}
.ribbon-light{
    background:#f4f4f4
}
.ribbon-bookmark.ribbon-light:before{
    border-color:#f4f4f4;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-light:before{
    border-right-color:#f4f4f4;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-light:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-light:before{
    border-right-color:#f4f4f4;
    border-bottom-color:transparent
}
.ribbon-light.ribbon-corner:before{
    border-top-color:#f4f4f4;
    border-left-color:#f4f4f4
}
.ribbon-light.ribbon-corner.ribbon-right:before{
    border-right-color:#f4f4f4;
    border-left-color:transparent
}
.ribbon-light.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#f4f4f4
}
.ribbon-light.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#dbdbdb;
    border-right-color:#dbdbdb
}
.ribbon-light.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#dbdbdb;
    border-left-color:#dbdbdb
}
.ribbon-light.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#dbdbdb;
    border-right-color:#dbdbdb
}
.ribbon-light.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#dbdbdb;
    border-right-color:transparent;
    border-left-color:#dbdbdb
}
.ribbon-dark{
    background:#2c323f
}
.ribbon-dark{
    background:#2c323f
}
.ribbon-bookmark.ribbon-dark:before{
    border-color:#2c323f;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-dark:before{
    border-right-color:#2c323f;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-dark:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-dark:before{
    border-right-color:#2c323f;
    border-bottom-color:transparent
}
.ribbon-dark.ribbon-corner:before{
    border-top-color:#2c323f;
    border-left-color:#2c323f
}
.ribbon-dark.ribbon-corner.ribbon-right:before{
    border-right-color:#2c323f;
    border-left-color:transparent
}
.ribbon-dark.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#2c323f
}
.ribbon-dark.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#171a21;
    border-right-color:#171a21
}
.ribbon-dark.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#171a21;
    border-left-color:#171a21
}
.ribbon-dark.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#171a21;
    border-right-color:#171a21
}
.ribbon-dark.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#171a21;
    border-right-color:transparent;
    border-left-color:#171a21
}
.ribbon-warning{
    background:#f8d62b
}
.ribbon-warning{
    background:#f8d62b
}
.ribbon-bookmark.ribbon-warning:before{
    border-color:#f8d62b;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-warning:before{
    border-right-color:#f8d62b;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before{
    border-right-color:#f8d62b;
    border-bottom-color:transparent
}
.ribbon-warning.ribbon-corner:before{
    border-top-color:#f8d62b;
    border-left-color:#f8d62b
}
.ribbon-warning.ribbon-corner.ribbon-right:before{
    border-right-color:#f8d62b;
    border-left-color:transparent
}
.ribbon-warning.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#f8d62b
}
.ribbon-warning.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#e8c308;
    border-right-color:#e8c308
}
.ribbon-warning.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#e8c308;
    border-left-color:#e8c308
}
.ribbon-warning.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#e8c308;
    border-right-color:#e8c308
}
.ribbon-warning.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#e8c308;
    border-right-color:transparent;
    border-left-color:#e8c308
}
.ribbon-wrapper{
    position:relative;
    padding-top:40px
}
.ribbon-wrapper .card-body,.ribbon-vertical-left-wrapper .card-body,.ribbon-vertical-right-wrapper .card-body{
    position:unset
}
.ribbon{
    padding:0 20px;
    height:30px;
    line-height:30px;
    clear:left;
    position:absolute;
    top:12px;
    left:0;
    color:#fff;
    z-index:1
}
.ribbon-right{
    left:auto;
    right:-2px
}
.ribbon-vertical-left-wrapper{
    padding-left:40px;
    position:relative
}
.ribbon-vertical-left{
    clear:none;
    padding:0 5px;
    height:70px;
    width:30px;
    line-height:70px;
    text-align:center;
    left:12px;
    top:-2px
}
.ribbon-vertical-right-wrapper{
    padding-right:40px
}
.ribbon-vertical-right{
    clear:none;
    padding:0 5px;
    height:70px;
    width:30px;
    line-height:70px;
    text-align:center;
    top:-2px;
    left:auto;
    right:12px
}
.timeline{
    position:relative;
    padding:20px 0;
    list-style:none;
    max-width:1200px;
    margin:0 auto
}
.timeline:before{
    content:" ";
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    width:3px;
    margin-left:-1.5px;
    background-color:#e9ecef
}
.timeline>li{
    position:relative;
    margin-bottom:20px
}
.timeline>li:before,.timeline>li:after{
    content:" ";
    display:table
}
.timeline>li:after{
    clear:both
}
.timeline>li:before,.timeline>li:after{
    content:" ";
    display:table
}
.timeline>li:after{
    clear:both
}
.timeline>li>.timeline-panel{
    float:left;
    position:relative;
    width:46%;
    padding:20px;
    border:1px solid #e9ecef;
    border-radius:.25rem;
    -webkit-box-shadow:0 1px 6px rgba(0,0,0,.05);
    box-shadow:0 1px 6px rgba(0,0,0,.05)
}
.timeline>li>.timeline-panel:before{
    content:" ";
    display:inline-block;
    position:absolute;
    top:26px;
    right:-8px;
    border-top:8px solid transparent;
    border-right:0 solid #e9ecef;
    border-bottom:8px solid transparent;
    border-left:8px solid #e9ecef
}
.timeline>li>.timeline-panel:after{
    content:" ";
    display:inline-block;
    position:absolute;
    top:27px;
    right:-7px;
    border-top:7px solid transparent;
    border-right:0 solid #fff;
    border-bottom:7px solid transparent;
    border-left:7px solid #fff
}
.timeline>li>.timeline-badge{
    z-index:1;
    position:absolute;
    top:16px;
    left:50%;
    width:50px;
    height:50px;
    margin-left:-25px;
    border-radius:50% 50% 50% 50%;
    text-align:center;
    font-size:1.4em;
    line-height:50px;
    color:#fff;
    overflow:hidden
}
.timeline>li.timeline-inverted>.timeline-panel{
    float:right
}
.timeline>li.timeline-inverted>.timeline-panel:before{
    right:auto;
    left:-8px;
    border-right-width:8px;
    border-left-width:0
}
.timeline>li.timeline-inverted>.timeline-panel:after{
    right:auto;
    left:-7px;
    border-right-width:7px;
    border-left-width:0
}
.timeline-badge.primary{
    background-color:#fb9678
}
.timeline-badge.success{
    background-color:#00c292
}
.timeline-badge.warning{
    background-color:#fec107
}
.timeline-badge.danger{
    background-color:#e46a76
}
.timeline-badge.info{
    background-color:#03a9f3
}
.timeline-title{
    margin-top:0;
    color:inherit;
    font-weight:400
}
.timeline-body>p,.timeline-body>ul{
    margin-bottom:0
}
.timeline-body>p+p{
    margin-top:5px
}
.cd-horizontal-timeline .events a{
    padding-bottom:6px;
    color:#621aff
}
.cd-horizontal-timeline .filling-line,.cd-horizontal-timeline .events a.selected::after{
    background:#621aff
}
.cd-horizontal-timeline .events a.selected::after{
    border-color:#621aff
}
.cd-horizontal-timeline .m-t-40{
    margin-top:25px!important
}
.cd-horizontal-timeline ol,.cd-horizontal-timeline ul{
    list-style:none
}
.cd-timeline-navigation a:hover,.cd-timeline-navigation a:focus{
    border-color:#621aff
}
.cd-horizontal-timeline a,.cd-horizontal-timeline a:hover,.cd-horizontal-timeline a:focus{
    color:#621aff
}
.cd-horizontal-timeline blockquote,.cd-horizontal-timeline q{
    quotes:none
}
.cd-horizontal-timeline blockquote:before,.cd-horizontal-timeline blockquote:after,.cd-horizontal-timeline q:before,.cd-horizontal-timeline q:after{
    content:'';
    content:none
}
.cd-horizontal-timeline table{
    border-collapse:collapse;
    border-spacing:0
}
.cd-horizontal-timeline{
    opacity:0;
    margin:2em auto;
    -webkit-transition:opacity .2s;
    -moz-transition:opacity .2s;
    transition:opacity .2s
}
.cd-horizontal-timeline::before{
    content:'mobile';
    display:none
}
.cd-horizontal-timeline.loaded{
    opacity:1
}
.cd-horizontal-timeline .timeline{
    position:relative;
    height:100px;
    width:90%;
    max-width:800px;
    margin:0 auto
}
.cd-horizontal-timeline .events-wrapper{
    position:relative;
    height:100%;
    margin:0 40px;
    overflow:hidden
}
.cd-horizontal-timeline .events-wrapper::after,.cd-horizontal-timeline .events-wrapper::before{
    content:'';
    position:absolute;
    z-index:2;
    top:0;
    height:100%;
    width:20px
}
.cd-horizontal-timeline .events-wrapper::before{
    left:0
}
.cd-horizontal-timeline .events-wrapper::after{
    right:0
}
.cd-horizontal-timeline .events{
    position:absolute;
    z-index:1;
    left:0;
    top:30px;
    height:2px;
    background:#dfdfdf;
    -webkit-transition:-webkit-transform .4s;
    -moz-transition:-moz-transform .4s;
    transition:transform .4s
}
.cd-horizontal-timeline .filling-line{
    position:absolute;
    z-index:1;
    left:0;
    top:0;
    height:100%;
    width:100%;
    background-color:#621aff;
    -webkit-transform:scaleX(0);
    -moz-transform:scaleX(0);
    -ms-transform:scaleX(0);
    -o-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:left center;
    -moz-transform-origin:left center;
    -ms-transform-origin:left center;
    -o-transform-origin:left center;
    transform-origin:left center;
    -webkit-transition:-webkit-transform .3s;
    -moz-transition:-moz-transform .3s;
    transition:transform .3s
}
.cd-horizontal-timeline .events a{
    position:absolute;
    bottom:0;
    z-index:2;
    text-align:center;
    font-size:1rem;
    padding-bottom:15px;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0)
}
.cd-horizontal-timeline .events a::after{
    content:'';
    position:absolute;
    left:50%;
    right:auto;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
    bottom:-5px;
    height:12px;
    width:12px;
    border-radius:50%;
    border:2px solid #dfdfdf;
    background-color:#f8f8f8;
    -webkit-transition:background-color .3s,border-color .3s;
    -moz-transition:background-color .3s,border-color .3s;
    transition:background-color .3s,border-color .3s
}
.no-touch .cd-horizontal-timeline .events a:hover::after{
    background-color:#621aff;
    border-color:#621aff
}
.cd-horizontal-timeline .events a.selected{
    pointer-events:none
}
.cd-horizontal-timeline .events a.selected::after{
    background-color:#621aff;
    border-color:#621aff
}
.cd-horizontal-timeline .events a.older-event::after{
    border-color:#621aff
}
.cd-timeline-navigation a{
    position:absolute;
    z-index:1;
    top:50%;
    bottom:auto;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    height:34px;
    width:34px;
    border-radius:50%;
    border:2px solid #dfdfdf;
    overflow:hidden;
    color:transparent;
    text-indent:100%;
    white-space:nowrap;
    -webkit-transition:border-color .3s;
    -moz-transition:border-color .3s;
    transition:border-color .3s
}
.cd-timeline-navigation a::after{
    content:'';
    position:absolute;
    height:16px;
    width:16px;
    left:50%;
    top:50%;
    bottom:auto;
    right:auto;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    background:url(../img/arrow.svg) no-repeat 0 0
}
.cd-timeline-navigation a.prev{
    left:0;
    -webkit-transform:translateY(-50%) rotate(180deg);
    -moz-transform:translateY(-50%) rotate(180deg);
    -ms-transform:translateY(-50%) rotate(180deg);
    -o-transform:translateY(-50%) rotate(180deg);
    transform:translateY(-50%) rotate(180deg)
}
.cd-timeline-navigation a.next{
    right:0
}
.no-touch .cd-timeline-navigation a:hover{
    border-color:#7b9d6f
}
.cd-timeline-navigation a.inactive{
    cursor:not-allowed
}
.cd-timeline-navigation a.inactive::after{
    background-position:0 -16px
}
.no-touch .cd-timeline-navigation a.inactive:hover{
    border-color:#dfdfdf
}
.cd-horizontal-timeline .events-content{
    position:relative;
    width:100%;
    margin:2em 0;
    overflow:hidden;
    -webkit-transition:height .4s;
    -moz-transition:height .4s;
    transition:height .4s
}
.cd-horizontal-timeline .events-content li{
    position:absolute;
    z-index:1;
    width:100%;
    left:0;
    top:0;
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%);
    padding:0 5%;
    opacity:0;
    -webkit-animation-duration:.4s;
    -moz-animation-duration:.4s;
    animation-duration:.4s;
    -webkit-animation-timing-function:ease-in-out;
    -moz-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}
.cd-horizontal-timeline .events-content li.selected{
    position:relative;
    opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.cd-horizontal-timeline .events-content li.enter-right,.cd-horizontal-timeline .events-content li.leave-right{
    -webkit-animation-name:cd-enter-right;
    -moz-animation-name:cd-enter-right;
    animation-name:cd-enter-right
}
.cd-horizontal-timeline .events-content li.enter-left,.cd-horizontal-timeline .events-content li.leave-left{
    -webkit-animation-name:cd-enter-left;
    -moz-animation-name:cd-enter-left;
    animation-name:cd-enter-left
}
.cd-horizontal-timeline .events-content li.leave-right,.cd-horizontal-timeline .events-content li.leave-left{
    -webkit-animation-direction:reverse;
    -moz-animation-direction:reverse;
    animation-direction:reverse
}
.cd-horizontal-timeline .events-content li>*{
    max-width:800px;
    margin:0 auto
}
.cd-horizontal-timeline .events-content h2{
    font-weight:600;
    margin-bottom:0
}
.cd-horizontal-timeline .events-content em{
    display:block;
    font-style:italic;
    margin:10px auto
}
.cd-horizontal-timeline .events-content em::before{
    content:'- '
}
.cd-horizontal-timeline .events-content p{
    font-size:16px
}
.cd-horizontal-timeline .timeline:before{
    content:" ";
    display:none;
    bottom:0;
    left:0%;
    width:0;
    margin-left:-1.5px;
    background-color:#eee
}
.cd-horizontal-timeline .events-content em,.cd-horizontal-timeline .events-content p{
    line-height:30px
}
.h-250{
    height:250px
}
.icons-list{
    padding:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:0
}
.icons-list li{
    display:block;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:18px;
    border-radius:50px;
    box-shadow:0 2px 3px rgb(215 197 255);
    border:1px solid #e6ebf1;
    color:#7638ff;
    margin:5px
}
.chart-wrapper .row .card-body{
    padding:10px 0 0
}
.confirmModal .modal-body h5{
    font-size:20px;
    font-weight:600;
    text-transform:capitalize
}
.alertify .ajs-footer .ajs-buttons .ajs-button{
    font-weight:500
}
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok{
    color:#5156be
}
.alertify .ajs-footer .ajs-buttons.ajs-primary{
    text-align:right
}
.alertify .ajs-body .ajs-content .ajs-input:focus-visible{
    outline:0
}
.alertify .ajs-commands{
    right:4px;
    left:auto;
    margin:-14px 0 0 24px
}
.alertify-notifier .ajs-message{
    background-color:#5156be;
    border-color:#5156be;
    color:#fff;
    text-shadow:none!important
}
.alertify-notifier .ajs-message.ajs-success{
    background-color:#2ab57d;
    border-color:#2ab57d
}
.alertify-notifier .ajs-message.ajs-error{
    background-color:#fd625e;
    border-color:#fd625e
}
.alertify-notifier .ajs-message.ajs-warning{
    background-color:#ffbf53;
    border-color:#ffbf53
}
.alertify-notifier.ajs-right{
    right:10px;
    left:auto
}
.alertify-notifier.ajs-right .ajs-message{
    right:-320px;
    left:auto
}
.alertify-notifier.ajs-right .ajs-message.ajs-visible{
    right:290px;
    left:auto
}
.alertify-notifier.ajs-left{
    left:10px;
    right:auto
}
.alertify-notifier.ajs-left .ajs-message{
    left:-300px;
    right:auto
}
.alertify-notifier.ajs-left .ajs-message.ajs-visible{
    left:0;
    right:auto
}
body[data-layout-mode=dark] .alertify .ajs-dialog{
    background-color:#313533
}
body[data-layout-mode=dark] .alertify .ajs-footer,body[data-layout-mode=dark] .alertify .ajs-header{
    color:#ced4da;
    background-color:#313533;
    border-color:#3b403d
}
body[data-layout-mode=dark] .alertify .ajs-body{
    color:#adb5bd
}
body[data-layout-mode=dark] .alertify .ajs-body .ajs-content .ajs-input{
    color:#adb5bd;
    background-color:#363a38;
    border:1px solid #3b403d
}
body[data-layout-mode=dark] .alertify .ajs-footer .ajs-buttons .ajs-button{
    color:#adb5bd
}
body[data-layout-mode=dark] .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok{
    color:#5156be
}
.alertify .ajs-footer .ajs-buttons .ajs-button{
    background-color:transparent;
    color:#000;
    border:0;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase
}
.alertify .ajs-body .ajs-content .ajs-input{
    display:block;
    width:100%;
    padding:8px;
    margin:4px;
    border-radius:2px;
    border:1px solid #ccc
}
.alertify .ajs-header{
    border-bottom:1px solid #eee
}
.alertify .ajs-footer{
    border-top:1px solid #eee
}
.swal2-actions button{
    margin-right:10px
}
.swal2-title{
    font-size:22px!important
}
.add-achat th.cat{
    background-color: #d9d8d8  ;
}
.add-achat td .form-control, td .select2 {
    padding: 0 3px ;
    height: 40px ;
    min-width: 92px;

}
.add-achat td .select2-container .select2-selection--single{

    height: 40px ;
    padding-top: 5px;

}
.add-achat .custom-table tr {
    background-color: #e9e9e9;
    box-shadow: 0 0 3px #e5e5e5;
}

@media only screen and (min-width:991px){
    #toggle_btn{
        color:#999;
        float:left;
        font-size:26px;
        line-height:60px;
        padding:0 10px
    }
    .mini-sidebar .header-left .logo img{
        height:auto;
        max-height:30px;
        width:auto
    }
    .mini-sidebar .header .header-left{
        padding:0 5px;
        width:60px
    }
    .mini-sidebar .sidebar{
        width:60px
    }
    .mini-sidebar.expand-menu .sidebar{
        width:230px
    }
    .mini-sidebar .menu-title{
        visibility:hidden;
        white-space:nowrap
    }
    .mini-sidebar.expand-menu .menu-title{
        visibility:visible
    }
    .mini-sidebar .menu-title a{
        visibility:hidden
    }
    .mini-sidebar.expand-menu .menu-title a{
        visibility:visible
    }
    .mini-sidebar .sidebar .noti-dot:before{
        display:none
    }
    .mini-sidebar .sidebar .noti-dot:after{
        display:none
    }
    .mini-sidebar.expand-menu .sidebar .noti-dot:before{
        display:block
    }
    .mini-sidebar.expand-menu .sidebar .noti-dot:after{
        display:block
    }
    .modal-open.mini-sidebar .sidebar{
        z-index:1001
    }
    .mini-sidebar .sidebar .sidebar-menu ul>li>a span{
        display:none;
        transition:all .2s ease-in-out;
        opacity:0
    }
    .mini-sidebar .sidebar .sidebar-menu ul>li>a span.chat-avatar-sm{
        display:inline-block;
        opacity:1
    }
    .mini-sidebar .sidebar .sidebar-menu ul>li>a span.status{
        display:inline-block;
        opacity:1
    }
    .mini-sidebar.expand-menu .sidebar .sidebar-menu ul>li>a span{
        display:inline;
        opacity:1
    }
    .mini-sidebar .sidebar .sidebar-menu>ul>li>a i{
        font-size:30px;
        width:30px
    }
    .mini-sidebar.expand-menu .sidebar .sidebar-menu>ul>li>a i{
        font-size:24px;
        width:20px
    }
    .mini-sidebar .page-wrapper{
        margin-left:60px
    }
}
@media only screen and (min-width:768px){
    .modal-md{
        width:600px
    }
    .nav-tabs.nav-justified.nav-tabs-top{
        border-bottom:1px solid #ddd
    }
    .nav-tabs.nav-justified.nav-tabs-top>li>a,.nav-tabs.nav-justified.nav-tabs-top>li>a:hover,.nav-tabs.nav-justified.nav-tabs-top>li>a:focus{
        border-width:2px 0 0
    }
    .nav-tabs.nav-tabs-top>li{
        margin-bottom:0
    }
    .nav-tabs.nav-tabs-top>li>a,.nav-tabs.nav-tabs-top>li>a:hover,.nav-tabs.nav-tabs-top>li>a:focus{
        border-width:2px 0 0
    }
    .nav-tabs.nav-tabs-top>li.open>a,.nav-tabs.nav-tabs-top>li>a:hover,.nav-tabs.nav-tabs-top>li>a:focus{
        border-top-color:#ddd
    }
    .nav-tabs.nav-tabs-top>li+li>a{
        margin-left:1px
    }
    .nav-tabs.nav-tabs-top>li>a.active,.nav-tabs.nav-tabs-top>li>a.active:hover,.nav-tabs.nav-tabs-top>li>a.active:focus{
        border-top-color:#ff9b44
    }
    .nav-tabs.nav-tabs-bottom>li{
        margin-bottom:-1px
    }
    .nav-tabs.nav-tabs-bottom>li>a.active,.nav-tabs.nav-tabs-bottom>li>a.active:hover,.nav-tabs.nav-tabs-bottom>li>a.active:focus{
        border-bottom-width:2px;
        border-color:transparent;
        border-bottom-color:#ff9b44;
        background-color:transparent;
        transition:none 0s ease 0s;
        -moz-transition:none 0s ease 0s;
        -o-transition:none 0s ease 0s;
        -ms-transition:none 0s ease 0s;
        -webkit-transition:none 0s ease 0s
    }
    .nav-tabs.nav-tabs-solid{
        background-color:#fafafa;
        border:0
    }
    .nav-tabs.nav-tabs-solid>li{
        margin-bottom:0
    }
    .nav-tabs.nav-tabs-solid>li>a{
        border-color:transparent
    }
    .nav-tabs.nav-tabs-solid>li>a:hover,.nav-tabs.nav-tabs-solid>li>a:focus{
        background-color:#f5f5f5
    }
    .nav-tabs.nav-tabs-solid>.open:not(.active)>a{
        background-color:#f5f5f5;
        border-color:transparent
    }
    .nav-tabs-justified.nav-tabs-top{
        border-bottom:1px solid #ddd
    }
    .nav-tabs-justified.nav-tabs-top>li>a,.nav-tabs-justified.nav-tabs-top>li>a:hover,.nav-tabs-justified.nav-tabs-top>li>a:focus{
        border-width:2px 0 0
    }
}
@media only screen and (max-width:1199.98px){
    .page-title-box{
        display:none
    }
    .file-wrap .file-sidebar{
        left:-331px
    }
    .file-wrap .file-cont-wrap{
        margin-left:0
    }
    .file-wrap.file-sidebar-toggle .file-sidebar{
        left:0
    }
    .file-wrap.file-sidebar-toggle .file-cont-wrap{
        margin-left:0
    }
    .file-side-close{
        display:inline-block
    }
}
@media only screen and (max-width:991.98px){
    .logo img {
        width: 60px;
        height: 50px;
    }
    .detail_traitement .form-control{
        min-width: 20vw;
        height: 48px;
        padding: 0 1px;
    }
    .detail_traitement  .modal-header {
        padding: 10px 0px 10px;
    }
    .detail_traitement .modal-body{
        padding: 0;
    }
    .detail_traitement .modal-dialog {
        margin: 0.1rem;
    }
    .detail_traitement .modal-xl {
        max-width: 99% !important;
    }
    .detail_traitement .table.custom-table>tbody>tr>td,.detail_traitement .table.custom-table>tbody>tr>td:first-child, .table.custom-table>thead>tr>th:first-child {
        padding: 5px;
        font-size: 11px;


    }
    .add-achat .table.custom-table>tbody>tr>td {
        padding: 5px;
        font-size: 11px;
    }
    .add-achat td .form-control {
        /* height: 25px;
        min-width: 17vw; */
        min-width: 20vw;
        height: 48px;
        padding: 0 1px

    }
    .add-achat td .select2-container .select2-selection--single {
        height: 25px;
        padding-top: 0;
        width: 17vw;
    }
    .card-mobile{
        margin: 0px -25px;
    }
    .profile-rightbar{
        display:inline-block!important
    }
    .profile-info-left{
        border-right:none;
        border-bottom:2px dashed #ccc;
        margin-bottom:20px;
        padding-bottom:20px
    }
    .task-right-sidebar .task-chat-view{
        display:block;
        position:fixed;
        right:0;
        -webkit-transition:all .4s ease;
        -moz-transition:all .4s ease;
        transition:all .4s ease;
        margin-right:0
    }
    .task-chat-view{
        display:none;
        -webkit-transition:all .4s ease;
        -moz-transition:all .4s ease;
        transition:all .4s ease;
        right:0;
        transform:translateX(0px);
        z-index:1041;
        width:300px;
        position:fixed;
        transition:all .4s ease 0s;
        margin-right:-300px;
        display:table-cell;
        top:0;
        padding-bottom:60px;
        margin-top:60px
    }
    .chat-profile-view{
        display:none;
        -webkit-transition:all .4s ease;
        -moz-transition:all .4s ease;
        transition:all .4s ease;
        right:0;
        transform:translateX(0px);
        z-index:1041;
        width:300px;
        position:fixed;
        transition:all .4s ease 0s;
        margin-right:-300px;
        display:table-cell;
        top:0;
        padding-bottom:60px;
        margin-top:60px
    }
    .message-view.task-view{
        width:100%
    }
    .float-left.ticket-view-details{
        width:90%
    }
    .chat-main-row{
        left:0
    }
    .header .header-left{
        position:absolute;
        width:100%
    }
    .mobile_btn{
        display:block
    }
    .page-title-box{
        display:none
    }
    .sidebar{
        margin-left:-225px;
        width:225px;
        -webkit-transition:all .4s ease;
        -moz-transition:all .4s ease;
        transition:all .4s ease;
        z-index:1041
    }
    .page-wrapper{
        margin-left:0;
        padding-left:0;
        padding-right:0
    }
    a.mobile_btn{
        color:#333;
        font-size:24px;
        height:60px;
        left:0;
        line-height:60px;
        padding:0 20px;
        position:absolute;
        top:0;
        width:60px;
        z-index:10
    }
    #toggle_btn{
        display:none
    }
    .page-wrapper{
        -webkit-transition:all .4s ease;
        -moz-transition:all .4s ease;
        transition:all .4s ease
    }
    .responsive-search{
        display:inline-block
    }
    .top-nav-search form{
        display:none
    }
    .top-nav-search .form-control{
        background-color:#fff;
        border-color:#e3e3e3;
        color:#333
    }
    .top-nav-search .btn{
        color:#999
    }
    .top-nav-search .form-control::-webkit-input-placeholder{
        color:#999
    }
    .top-nav-search .form-control::-moz-placeholder{
        color:#999
    }
    .top-nav-search .form-control:-ms-input-placeholder{
        color:#999
    }
    .top-nav-search .form-control::-ms-input-placeholder{
        color:#999
    }
    .top-nav-search .form-control::placeholder{
        color:#999
    }
    .header .has-arrow .dropdown-toggle>span:nth-child(2){
        display:none
    }
    .header .has-arrow .dropdown-toggle::after{
        display:none
    }
}
@media only screen and (max-width:767.98px){
    .inteval-select
    {
        width: 70vw;
    }

    body{
        font-size:.875rem
    }
    h1,.h1{
        font-size:2rem
    }
    h2,.h2{
        font-size:1.75rem
    }
    h3,.h3{
        font-size:1.375rem
    }
    h4,.h4{
        font-size:1rem
    }
    h5,.h5{
        font-size:.9375rem
    }
    h6,.h6{
        font-size:.75rem
    }
    .page-title,.dash-widget-info>h3,.account-title{
        font-size:1.5rem
    }
    .dash-card-content p,.stats-info h4,.account-box .account-btn,.job-title{
        font-size:1.25rem
    }
    .card-title,.dash-stats-list h4,.custom-modal .modal-title,.file-wrap .file-cont-wrap .file-cont-inner .file-cont-header>span,.faq-card .card .card-header h4>a,.lead{
        font-size:1.125rem
    }
    .btn,.welcome-det p,.kanban-list>.kanban-header>.status-title,.account-box label,.job-info .job-dept,.form-focus .focus-label{
        font-size:.9375rem
    }
    .onoffswitch-inner::before,.onoffswitch-inner::after,.form-control,.user-menu.nav>li>a,.page-header .breadcrumb{
        font-size:.875rem
    }
    .btn-group-sm>.btn,.btn-sm{
        font-size:.8125rem
    }
    .comp-section .section-title,.voice-call-avatar .username,.page-menu .nav-tabs>li>a,.btn-group-lg>.btn,.btn-lg,.account-subtitle,.job-list h3.job-list-title{
        font-size:1rem
    }
    .message-content{
        font-size:.75rem
    }
    .user-menu.nav>li>a{
        padding:0 10px
    }
    .top-nav-search form{
        width:210px
    }
    .profile-info-left{
        border-right:none;
        border-bottom:2px dashed #ccc;
        margin-bottom:20px;
        padding-bottom:20px
    }
    .navbar-nav .open .dropdown-menu{
        float:left;
        position:absolute
    }
    .notifications{
        right:-48px
    }
    .notifications::before,.notifications::after{
        right:60px
    }
    .header{
        z-index:1040
    }
    .task-wrapper #task-list li .task-container .task-label{
        padding-right:50px;
        word-break:unset
    }
    .task-btn-right{
        position:absolute;
        right:8px
    }
    .task-wrapper #task-list li .task-container{
        padding:8px 10px
    }
    .task-action-btn.task-check{
        width:36px
    }
    .roles-menu{
        margin-bottom:20px
    }
    .contacts-list{
        padding:0 70px 0 15px
    }
    .left-action{
        text-align:center;
        margin-bottom:15px
    }
    .right-action{
        text-align:center
    }
    .top-action-left .float-left{
        float:none!important
    }
    .top-action-left .btn-group{
        margin-bottom:15px
    }
    .top-action-right{
        text-align:center
    }
    .top-action-right a.btn.btn-white{
        margin-bottom:15px
    }
    .mail-sent-time{
        float:left;
        margin-top:10px;
        width:100%
    }
    .nav-tabs.nav-justified{
        border-bottom:1px solid #ddd
    }
    .nav-tabs.nav-justified>li>a.active,.nav-tabs.nav-justified>li>a.active:hover,.nav-tabs.nav-justified>li>a.active:focus{
        border-color:transparent transparent transparent #ff9b44;
        border-left-width:2px
    }
    .nav-tabs{
        border-bottom:0;
        position:relative;
        background-color:#fff;
        padding:5px 0;
        border:1px solid #ddd;
        border-radius:3px
    }
    .nav-tabs .nav-item{
        margin-bottom:0
    }
    .nav-tabs>li>a{
        border-width:2px;
        border-left-color:transparent
    }
    .nav-tabs .nav-link{
        border-width:2px
    }
    .nav-tabs>li>a:hover,.nav-tabs>li>a:focus{
        background-color:#fafafa
    }
    .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active,.nav-tabs>li>a.active,.nav-tabs>li>a.active:hover,.nav-tabs>li>a.active:focus{
        background-color:#f5f5f5;
        border-color:transparent transparent transparent #ff9b44;
        border-left-width:2px
    }
    .nav-tabs>li.open:not(.active)>a,.nav-tabs>li.open:not(.active)>a:hover,.nav-tabs>li.open:not(.active)>a:focus{
        background-color:#fafafa
    }
    .nav-tabs.nav-tabs-solid{
        padding:5px
    }
    .nav-tabs.nav-tabs-solid.nav-tabs-rounded{
        border-radius:5px
    }
    .nav-tabs.nav-tabs-solid>li>a{
        border-left-width:0!important
    }
    .nav-tabs-justified{
        border-bottom:1px solid #ddd
    }
    .nav-tabs-justified>li>a.active,.nav-tabs-justified>li>a.active:hover,.nav-tabs-justified>li>a.active:focus{
        border-width:0 0 0 2px;
        border-left-color:#ff9b44
    }
    .my-video ul li{
        width:80px
    }
    .voice-call-avatar .call-avatar{
        width:120px;
        height:120px
    }
    .product-info{
        margin:20px 0 30px
    }
    .profile-bg{
        height:280px
    }
    .flag-nav>a>span{
        display:none
    }
    .equal-height-cards>div>div.card{
        height:unset
    }

}
@media only screen and (max-width:575.98px){
    .contact-cat{
        padding-right:70px
    }
    .user-menu{
        display:none
    }
    .mobile-user-menu{
        display:block
    }
    .search-box{
        display:none
    }
    .filter-row{
        margin-bottom:15px
    }
    .page-wrapper>.content{
        padding:15px
    }
    .profile-view .profile-basic{
        margin-left:0;
        padding-right:0
    }
    .profile-img-wrap{
        position:relative;
        margin:0 auto
    }
    .profile-info-left{
        text-align:center
    }
    .profile-basic{
        margin-left:0;
        margin-top:15px
    }
    .page-title{
        font-size:18px
    }
    .fc-toolbar .fc-right{
        display:inline-block;
        float:none;
        margin:10px auto 0;
        width:200px;
        clear:both
    }
    .fc-toolbar .fc-left{
        float:none;
        margin:0 auto;
        width:200px
    }
    .upload-text{
        font-size:18px
    }
    .call-duration{
        display:block;
        margin-top:0;
        margin-bottom:10px;
        position:inherit
    }
    .end-call{
        margin-top:10px;
        position:inherit
    }
    .chat-panel .chats{
        padding:15px 0
    }
    .chat-right .chat-content{
        max-width:90%
    }
    .chat-right .chat-body{
        padding-left:0;
        padding-right:0
    }
    .chat-left .chat-content{
        max-width:90%
    }
    .chat-left .chat-body{
        padding-left:0;
        padding-right:0
    }
    .chat-avatar .avatar{
        height:20px;
        line-height:20px;
        width:20px
    }
    .account-box{
        width:100%;
        margin-bottom:20px
    }
    .float-left.ticket-view-details{
        width:80%
    }
    .custom-menu>li>a{
        margin-left:10px
    }
    .contact-alphapets{
        top:113px
    }
    .account-page .main-wrapper{
        flex-direction:column
    }
    .otp-input{
        font-size:18px;
        height:50px;
        margin-right:10px;
        width:52px
    }
    .account-wrapper{
        padding:15px
    }
    .leave-right{
        flex:0 0 auto
    }
    .pagination-lg .page-link{
        font-size:1.2rem;
        padding:.5rem .85rem
    }
    .call-box .call-avatar{
        height:100px;
        max-width:100px;
        min-width:100px
    }
    .call-box .call-wrapper .call-items .call-item{
        padding:10px
    }
    .call-box .call-wrapper .call-items .call-item.call-end{
        margin:30px 5px 0;
        padding:10px
    }
    .submit-section .submit-btn{
        margin:0 0 10px!important
    }
    .leave-row{
        display:block
    }
    .leave-box .subtitle{
        display:none
    }
    .leave-right{
        margin-top:20px
    }
    .leave-inline-form{
        display:block
    }
    .page-header .breadcrumb{
        display:none
    }
    .add-btn{
        font-size:14px;
        min-width:inherit
    }
}
.page-header .page-title i{
    color:#e6e9ef
}
.page-header .page-title i:hover,.page-header .page-title i:active{
    color:#ffcb00
}
[contenteditable=true]:active,[contenteditable=true]:focus{
    border:1px dashed #e6e9ef;
    outline:none
}
.page-header .text-truncate{
    width:330px
}
.avatar-group{
    display:inline-flex
}
.avatar-group .avatar+.avatar{
    margin-left:-.75rem
}
.avatar-group .avatar-xs+.avatar-xs{
    margin-left:-1.25rem
}
.avatar-group .avatar-sm+.avatar-sm{
    margin-left:-1.75rem
}
.avatar-group .avatar-lg+.avatar-lg{
    margin-left:-1rem
}
.avatar-group .avatar-xl+.avatar-xl{
    margin-left:-1.28125rem
}
.avatar-group .avatar:hover{
    z-index:1
}
.avatar-title{
    width:100%;
    height:100%;
    background-color:#2962ff;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px
}
.nav.user-menu .dropdown-item{
    padding: 0.5rem 1.5rem;
}
.filters .datetime2{
    display: inline-block;
    width: fit-content;
    margin-left: 1em;
    height: 30px;
}
.dt-buttons{
    display: flex;
    margin-bottom: 2em;
    float: unset;
}
.dataTables_length{
    width: max-content;
    display: inline-block;
}
.dataTables_filter{
    width: max-content;
    float: right;
}
.dt-buttons button, .dt-buttons .btn.btn-secondary{
    width: 40px;
    height: 40px;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    border-radius: 50%;
    font-size: 18px;
    border-radius: 50px;
    box-shadow: 0 2px 3px rgb(215 197 255);
    border: 1px solid #ff9b44;
    background-color:transparent;
    color: #ff9b44;
    margin: 5px;
    flex: none;
}
.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle){
     border-top-right-radius:50%;
    border-bottom-right-radius:50%;
    border-radius: 50%;
    border-radius: 50px;
}
.dt-buttons .dropdown-toggle::after {
    display: none;
    margin-left: 0em;
    vertical-align: 0em;
    content: "";
    border: none;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dt-buttons button.active{

    border: 1px solid #7c7c7c;
    color: #fff;
    background-color: #7c7c7c;
    margin: 5px;
}
table.dataTable tbody tr.selected td.select-checkbox:before{
   border: none;
}
table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    background-color: #f3ae72;
}
#dt_default{
    width: 100% !important;
}
.filters{
    background-color: #7c7c7c  !important;
    padding: 8px 10px;
}
.filters label{
    color: #fff;
}
div.dt-button-collection .dt-button {
    min-width: 95%;
    width: 95%;
    margin: 5px;
}
td .form-control, td .select2{
    padding: 0.175rem 0.45rem;
    height: 29px;
}
.point {
    cursor: pointer;
}
.toggle-group label {
    line-height: 1.1;
}
.radio-inline {
    display: inline-block;
}
.inline-block{
    display: inline-block;
}
.nowrap{
    white-space: nowrap;
}
td .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px;
}
td .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px;
}
td .select2-container .select2-selection--single {
    height: 24px;
}
td .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
}
.loader-wrapper{
    height: 100%;
    width: 100%;
    text-align: center;
    padding-top: 50vh;
    z-index: 1000;
    position: absolute;
    background: #f7f7f7;
}
.show_more{
    font-size: 0.8em;
    color:red;
    /* font-weight: 600; */
    cursor: pointer;
}
.show_more_limited{
    height: 212px;
    overflow:hidden;
}
.status_resume p{
    margin-bottom: 0.8em;
}

.modal-xl {
    max-width: 99% !important;
}
.ajax_modal{
    cursor: pointer;
}
.title_reclamation{
    font-size: 0.9em;
    font-weight: 500;
}
.title_reclamation span{
    color: forestgreen
}
.deleted_message{
    background-color: #ff00004f !important;
    cursor: not-allowed;
}
.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.filters td{
    padding-right: 0 !important;
}
.filters input{
    width: 100%;
    min-width: 40px;
}
.data_order{
    background-color: #fff !important;
}
.data_order:disabled{
    background-color: #e9ecef !important;
}
.status_dropdown{
    margin-left: 10px;
    padding: 2px;
}
.pro-edit {
    position: absolute;
    right: 14px;
    top: 14px;
}
div.dt-button-collection {
    width: max-content;
}
.dt-body-center{
    text-align: center;
}
.qr_code thead{
    background-color: #ff9b44;
    color: #fff;
}
.qr_code{
    height:50vh;
    overflow:scroll;
}
.width-fit-content{
    width: fit-content;
}
.widget_actif{
    background-color: aqua;
}
.menu_badge:empty{
    display: none !important;
}
#packging-container{
    background-color: whitesmoke;
    padding: 15px;
}
.arrivage-card img{
    width: 139px;
    border-radius: 27%;
}
.arrivage-card .title{
    font-weight: 700;
    font-size: 1.2em;
    padding: 8px 0;
    text-align: center;
}
.arrivage-card .pack{
    display: inline;
}
.arrivage-card .nbr{
    display: inline;
    float: right;
    font-weight: 700;
}
.arrivage-card .total{
    font-weight: 700;
    text-align: center;
}
.arrivage-card .list-group-item{
    padding: 15px 0;
}
.arrivage-card {
    margin:0 20px;
}
.bg-bray{
    background-color: darkgray !important;
    font-weight: 700;
}
table .td-border-right{
    border: none;
    border-right: darkgrey 1px solid;
}
table .border-none{
    border: none;

}
.img-menu .btn{
    display: block;
    margin-top: 5px;
    padding: 10px;
}
.img-menu {
    display: inline-block;
    margin-right: 15px;
}
.personal-info table{
    background-color:#e5e5e5;
}
.menu_item{
    background-color: #f9f6f3;
    padding: 5px;
    border: #ffc089 1px solid;

}
.menu_item .qte{
    display: flex;
    width: 100%;

}
.menu_item .qte-value{
    width: 50%;
    text-align: center;
}
.menu_item .qte-control{
    width: 25%;
    text-align: center;
    font-size: 1.5em;
    cursor: pointer;
    /* border: none; */
    background-color: darkorange;
}
.menu_item .qte-control:hover{
    background-color: #c16d07;
    color: #fff;
}
.menu_item .add-qte{

}
.compt-wrapper{

}
.color-green{
    color: #00bf6f;
}
.bg-green{
    background-color: #00bf6f;
    color: #fff;
}
.color-red{
    color: #e0001a;
}
.bg-red{
    background-color: #e0001a;
    color: #fff;
}
.bg-orange{
    background-color: #fdad4b;
    color: #fff;
}
.dash-widget-icon-compt {
    background-color: rgba(255,155,68,.2);
    border-radius: 100%;
    color: #ff9b44;
    display: inline-block;
    float: left;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    text-align: center;
    width: 40px;
}
.fs-19em{
    font-size: 1.9em;
}
.tab-entrant.active  .stats-info{
    background-color: #00c292;
    color:#fff
}
.entrant-row, .sortant-row{
    margin-top: -25px;
    padding-top: 20px;
    width:640px;
}
#compt-modal .modal-body{
    height: 300px !important;
}
.tab-entrant:hover{
    background-color: #00bf6f;
    color: #fff;
}
.tab-sortant:hover{
    background-color:#e0001a;
    color: #fff;
}
.nav-link {
    padding: 12px;
}
#add_entrant_modal .modal-body,#add_sortant_modal .modal-body{
    min-height: 70vh;
}

.border-row{
    border: #878787 1px solid;
    padding: 5px 12px;
    margin-bottom: 15px;
    background-color: #00bf6f;
}
.span-commune{
    font-weight: 600;
    font-size: 12px;
}
.mb-50{
    margin-bottom: 50px;
}
.border-form-group{
    border: #a5a5a5 1px solid;
    padding: 10px 10px 0 10px;
    background-color: #f3f3f3;
    margin: 0 -6px 20px -6px;
    min-height: 30px;
}
.title-form-group{
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    margin-top: -22px;
    margin-left: 21px;
    background-color: #fff;
    padding: 0px 13px;
}
.img-row{
    margin: 10px 0;
}
.option-row{
    background-color: #e9e7e7;
    padding: 23px;
    margin-top: 10px;
}
.img-container .card{
    margin: 0 10px;
}

.aligne-center{
    text-align: center;
}
.label-info{
    background-color: coral;
    padding: 5px 11px;
    border-radius: 14px;
}
.img-zoom:hover
{
    width: 100px;
    height: 100px;
    position: absolute;
    margin-top: -40px;
    margin-left: -40px;
}
.img-zoom-100:hover
{
    width: 100px;
    height: 100px;
    position: absolute;
}
.price_table input{
    width: 140px;
}
.price_table td{
    padding: 8px 4px;
}

.price_table th{
    text-align: center;
}
.price-container{
    background-color: #dbd9d9;
    padding: 17px;
}
.attrb-row{
    margin-top: 10px;
}
.options-container{
    padding: 10px 10px;
    margin-top: 20px;
    background-color: #bfbfbf;
}
.remove_option{
    float: right;
    font-size: 26px;
}
.select2-container{
    width: 100% !important;
    min-width: 112px;
}
.zone-medias .card-body ,.zone-medias .card-footer ,.img-space .card-body ,.img-space .card-footer{
    padding: 0.2em;
    text-align: center;
}
.img-space .card-footer i{
    font-size: 1.5rem;
}
.image-tab .border-form-group{
    margin: 2rem 0;
    min-height: 5rem;
}
.image-tab .title-form-group.right{
    right: 36px;
    background-color: #55ce63;
    color: #fff;
    padding: 3px 9px;
    margin-top: -30px;
    cursor: pointer;
}
#galery-modal .modal-content{
    min-height: 91vh;
}

.bg-white{
    background-color: #fff;
}
.radio-info
{
    display: inline-block;
}
#stock-wrapper .control-label{
    display: block;
    font-weight: 600;
    color: #919191;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ff9b44;
    border: 1px solid #ff9b44;
    color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 1px solid #fff;
    color: #fff;
}
.note-editing-area
{
    min-height: 200px;
}

.btn-radius{
    border-radius: 50px;
}
.sort_categorie .sort_child{
    border: #cdcdcd 1px solid;
    margin: 9px 0px;
    cursor: move;
    background-color: #f7f7f7;
}
.span_title
{
    color: #00ab00;
    font-weight: 300;
    font-size: 0.9em;
}

.badge{
    color:#fff;
    font-weight: 600;
    padding:.45em .5em;
}
.dash-widget-icon.text-success{
    color: #55ce63;
    background-color: #55ce6347;
}
input:focus::placeholder {
    color: transparent;
  }
#tfooter  tr{
    background-color: #e3e3e3;
    font-weight: 600;
}

@media print {
    /* @page {
        size: 100mm 1000mm;
    } */
    body{
        font-size: 48px !important;
    }
    h5{
        font-size: 1.5em;

    }
    .noprint{
        display: none
    }
    .header{
        margin: 15px 0;
    }
    table{
        width: 100%;
        margin: 20px 0;
    }
    .border-table{
        border: #000 2px solid;

    }
    h3{
        width: 100%;
        padding: 25px 5px

    }
    .section-order{
        margin-top: 60px;
            margin-bottom: 60px;
    }


    .border-title{
        border: 7px #000 dashed;
        font-size: 1.3em;
        font-weight: 600;
        min-height: 121px;
        padding: 21px;

    }
    td.title{
        font-weight: 600
    }
    td.val{
        padding-left: 15px
    }
    span.price{
        font-weight: 600
    }
    td.text-right{
        padding-right: 2px
    }
    td.text-left{
        padding-left: 2px
    }

    .tablee td {

        border-bottom: #000 7px solid;
        font-weight: bold;
        font-size: 40px !important;
    }



    /* body * :not(.layout_modal_container){
        display: none;
    } */
    body * :not(.layout_modal_container *,.layout_modal_container){
        display: none;
    }
    /* .invoice_table *,.invoice_table,#layout_modal_container{
        display: block !important;
    } */

}
@media screen{
    .invoice_table{
        display: none;
    }

}

.dsh-color1{
    background-color: #a8a9ab;
    color:#000
}
.dsh-color2{
    background-color: #ffdc15;
    color:#000
}
.dsh-color3{
    background-color: #f56423;
    color:#fff
}
.dsh-color4{
    background-color: #01a79d;
    color:#fff
}
.dsh-color5{
    background-color: #02a650;
    color:#fff
}
@media only screen and (min-width:860px){
    .dash-table{
        display: inline-table;
    }
}
.dsh-color6 {
    background-color: #563d7c;
    color: #fff;
}