@font-face {
    font-family: 'rupee';
    src: url('fonts/rupee.eot');
    src: url('fonts/rupee.eot?#iefix') format('embedded-opentype'),
         url('fonts/rupee.woff') format('woff'),
         url('fonts/rupee.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url('fonts/OpenSans-ExtraBold.eot');
    src: url('fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBold.woff') format('woff'),
         url('fonts/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('fonts/OpenSans-Bold.eot');
    src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold.woff') format('woff'),
         url('fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'opensans-semibold';
    src: url('fonts/opensans-semibold.eot');
    src: url('fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold.woff') format('woff'),
         url('fonts/opensans-semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSansRegular.eot');
    src: url('fonts/OpenSansRegular.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSansRegular.woff') format('woff'),
         url('fonts/OpenSansRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'opensans-light';
    src: url('fonts/opensans-light.eot');
    src: url('fonts/opensans-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light.woff') format('woff'),
         url('fonts/opensans-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'neosansintel-medium';
    src: url('fonts/neosansintel-medium.eot');
    src: url('fonts/neosansintel-medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/neosansintel-medium.woff') format('woff'),
         url('fonts/neosansintel-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body
{
        font-family: "Roboto",Sans-serif !important;
}
/*input:active, input:focus*/
/*{*/
/*    background:transparent !important;*/
/*}*/
.page-i-nation
{

}
.page-i-nation .page-goto
{
    display: flex;
    float: right;
    margin-right: 10px;
}
.page-i-nation .page-goto lable
{
    line-height: 30px;
}
.page-i-nation .page-goto input
{
    width: 47px;
    height: 30px;
    padding: 2px 10px;
    margin: 0 5px;
    text-align: center;
}
.page-i-nation .page-goto button, .page-i-nation .page-next button
{
    height: 30px;
    background: #2d2d2d;
    color: #cacaca!important;
    border-radius: 4px;
    border: 0;
    font-size:12px;
}
.page-i-nation .page-next
{
    display: flex;
    float: right;
}
.page-i-nation .page-next .page-number
{
    width: 47px;
    height: 30px;
    padding: 2px 10px;
    margin: 0 5px;
    line-height: 25px;
    border: 1px solid #666;
    background: white;
    font-size:12px;
    text-align: center;
}
.page-i-nation-deactive
{
    display: none;
}
/*upload document*/
.document-box { width: 20%; float: left; padding: 12px;}
.document { width: 100%; position: relative; display: flex; align-items: center; padding: 12px; background: white; box-shadow:0 0 5px rgba(0,0,0,.4); border-radius: 10px; }
.document-icon {font-size: 30px; color: #666; text-shadow: 0 0 5px rgba(0,0,0,.2); margin-right:10px; }
.document-name {font-size: 15px; color:#666;}
.document .delet {position: absolute; top:0; right: 0px; opacity: .9; padding: 8px; color:#666; font-size: 11px; cursor: pointer; display: none;}
.view {font-size: 15px; color: #666; opacity: .9; text-shadow: 0 0 5px rgba(0,0,0,.2); margin-left:25px; display: none; }

.view:hover, .delet:hover
{
    color: white;
    cursor: pointer;
}
.document-box:hover{

}

.document-box:hover .document{
    background: rgba(80,163,165,.7);
    transition: .4s;
    box-shadow:0 0 5px rgba(80,163,165,.8);
}
.document-box:hover .document-icon, .document-box:hover .document-name{
    opacity: .9;
}
.document-box:hover .view, .document-box:hover .delet{
    display:block;
}
/*end*/

/* chat with client from admin panel css */
.admin-chat-main-box
{
    background:#fff;
    overflow: scroll;
    height:80%;
    width:23%;
    display: block;
    right: 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    z-index:1;
    cursor: pointer;
    transition: .10s ease;
}
.admin-chat-main-box .admin-chatbox-header
{
    background: white;
    padding: 13px;
    border-bottom: 2px solid #428bca;
    height: 42px;
}
.admin-chat-main-box .admin-chatbox-header p
{
    margin: 0;
    color: #428bca;
    font-size:14px;
}
.admin-chat-main-box .admin-chatbox-header p button
{
    float: right;
    padding: 0;
    background: 0;
    border: 0;
    color: #428bca;

}
.admin-chat-main-box .chat-box-preson
{
    padding: 0 10px;
}
.admin-chat-main-box .chat-box-preson .chat-preson
{
    padding: 12px;
    border-bottom: 2px solid #eee;
    height: 67px;
}
.admin-chat-main-box .chat-box-preson .chat-preson .user-img
{
    width: 40px;
    background: red;
    height: 40px;
    border-radius: 50px;
    float: left;
    margin-right: 8px;
    position: relative;
}
.admin-chat-main-box .chat-box-preson .chat-preson .user-img img
{
    border-radius: 50px;

}
.admin-chat-main-box .chat-box-preson .chat-preson .user-detail
{
    float: left;
    width: 77%;
}
.admin-chat-main-box .chat-box-preson .chat-preson .user-detail .name
{
    font-size: 14px;
}
.admin-chat-main-box .chat-box-preson .chat-preson .user-detail .online
{
    font-size: 7px;
    color: green;
    float: right;
    box-shadow: 0 0 5px rgba(0,255,0,.5);
}
.admin-chat-main-box .chat-box-preson .chat-preson .user-detail .online i, .admin-chat-main-box .chat-box-preson .chat-preson .user-detail .offline i
{
    font-size: 10px;
}
.admin-chat-main-box .chat-box-preson .chat-preson .user-detail .offline
{
    font-size: 12px;
    color: #999;
}
.admin-chat-main-box .chat-box-preson .chat-preson .user-detail .timeago
{
    font-size: 10px;
    color: #ccc;
    float: right;
}
.admin-chat-main-box .search
{
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.admin-chat-main-box .search form
{
    height: 16px;
}
.admin-chat-main-box .search form label
{
    width: 15%;
    float: left;
    height:38px;
    padding: 13px;
}
.admin-chat-main-box .search form input
{
    width: 85%;
    float: left;
    height: 38px;
    border: 0;
    padding: 0 4px;
}
.minimize
{
    height:auto;
    top:inherit;
    transition: .10s ease;
}
.chat-box-lg
{
    width:77%;
    float: left;
    height: 80%;
    position: relative;
}
.chat-box-lg-loader
{
    width:77%;
    float: left;
    height: 80%;
    position: relative;
    z-index: 1;
}
.chat-box-lg-loader img
{
        position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 7%;
}
.chat-box-lg .chat-preson
{
    display: flex;
    align-items: center;
    padding: 15px;
    position: sticky;
    width:100%;
    background: white;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    border-right: 1px solid #e5e5e5;
}
.chat-box-lg .box
{
    height: 74%;
    overflow-y: scroll;
    padding: 0 15px;
}
.chat-box-lg .chat-preson .user-img
{
    background: green;
    height: 65px;
    width:65px;
    margin-right: 15px;
}
.chat-box-lg .chat-preson .user-detail .name
{
    margin-bottom:8px;
    font-size: 20px;
}
  .chat-box-lg .chat-preson .user-detail .online
{
    font-size: 14px;
    color: green;
    line-height:25px;
}
.admin-chat-main-box .chat-box-preson .chat-preson .user-detail .online i
{
    font-size: 10px !Important;
}
.chat-box-preson .user
{
    width: 100%;
    float: left;
    padding: 10px;
    border-bottom: 1px dotted #ccc;
}
.chat-box-preson .user .user-img-box
{
    background: red;
    width:40px;
    height:40px;
    float: left;
    margin-right: 15px;
}
.chat-box-preson .user .user-msg .head
{
    font-size: 11px;
}

.chat-box-preson .user .user-msg .msg
{
    font-size: 13px;
    margin-bottom: 0;
    max-width: 100%;
}
.chat-box-preson .admin
{
    width: 100%;
    float: right;
    padding: 10px;
    border-bottom: 1px dotted #ccc;
}
.chat-box-preson .admin .user-img-box
{
    background: red;
    width:40px;
    height:40px;
    float: right;
    margin-left: 15px;

}
.user-img-box img
{
    border-radius: 50px;
}
.chat-box-preson .admin .user-msg .head
{
    font-size: 11px;
    text-align: right;
}
.chat-box-preson .user .user-msg
{
    float: left;
    width: 40%;
    overflow-wrap:break-word;
}
.chat-box-preson .admin .user-msg
{
    float: right;
    width: 40%;
    overflow-wrap:break-word;
}
.chat-box-preson .admin .user-msg .msg
{
    font-size: 13px;
    margin-bottom: 0;
    text-align: right;
}
.type-msg
{
    width:100%;
    float: left;
    padding: 10px;
    background: #eee;
    position: sticky;
    bottom: 0;
    top: 74%;
}
.type-msg form
{
    margin-bottom: 0;
}
.type-msg input
{
    height: 40px;
}
.type-msg button
{
    height: 40px;
}
.msg-noti
{
    font-size: 10px;
    position: absolute;
    top: -6px;
    z-index: 9;
    background: green;
    padding: 7px;
    line-height: 5px;
    border-radius: 50px;
    color: white;
    left: -6px;
}
.msg-unseen .user-img
{
    box-shadow: 0 0 5px rgba(0,0,0,.4);
}
.msg-unseen .name, .msg-unseen .last-msg
{
    font-weight: bold;
    color: black;
}
.last-msg
{
    color: #999;
}
 .chat-box-lg .admin-older-chat
{
    width: 33px;
    position: absolute;
    right: 2%;
    bottom: 14%;
    margin-top: 3px;
    /*-webkit-animation: bounce 0.75s infinite;
    animation: bounce 0.75s infinite;*/
}
    @keyframes bounce {
            0% {
        transform:  translate(0px, 0px);
      }

      30%{
        transform:  translate(0px, 1px);
      }

      75%{
        transform: translate(0px, -1px);
      }

     100% {
        transform: translate(0px, 0px);
      }
    }
.chat-box-lg .admin-older-chat .ng-binding
{
    width: 100%;
    font-size: 18px;
    border: 1px solid #999;
    border-radius: 50px;
    line-height: 17px;
    color: #428bca;
    box-shadow: 0 1px 6px;
    background: #eee;
    font-weight: 700;
    border-radius: 50px;
    padding: 6px;
}
.chat-box-lg .admin-older-chat .ng-binding .new-chat-counter
{
    position: absolute;
    top: -4px;
    right: -4px;
    background: white;
    font-size: 9px;
    border-radius: 50px;
    padding: 6px;
    line-height: 5px;
    box-shadow: 0 0 4px rgba(0,0,0.4);
}
/* end */


body{font-family:Arial, Helvetica, sans-serif; background:#fff; overflow-x:hidden;color:#363535; font-size:13px; box-sizing: border-box; }
.clear { margin:0; padding:0; clear:both;}
:focus {outline:none;}
img{max-width:100%;width:auto;}
::selection{background:#000; color:#fff;}
::-moz-selection{background:#000; color:#fff;}
a {color: #189c9e;}

.spacer1 {margin:0; padding:0; clear:both; height:10px;}
.spacer2 {margin:0; padding:0; clear:both; height:20px;}
.spacer3 {margin:0; padding:0; clear:both; height:30px;}
.spacer4 {margin:0; padding:0; clear:both; height:40px;}
.spacer5 {margin:0; padding:0; clear:both; height:50px;}

::-webkit-scrollbar {width:4px;}
::-webkit-scrollbar-track {background-color:#ebebeb;}
::-webkit-scrollbar-thumb {background-color:#cacaca;}

h1 {font-weight:700; text-transform: uppercase; color:#000; margin:0; padding:0; font-size: 28px;font-family:Arial, Helvetica, sans-serif;}
h2 {font-weight:700;text-transform: none; color:#000; margin:0; padding:0; font-size: 26px;font-family: Arial, Helvetica, sans-serif;}
h3 {font-weight:normal; text-transform: none; color:#373737; margin:0; padding:0; font-size: 24px;font-family:Arial, Helvetica, sans-serif;}
h4 {text-transform: uppercase;margin:0px 0 10px 0;font-weight:bold; color:#272727; letter-spacing:.2px; padding:0; font-size:15px;font-family:Arial, Helvetica, sans-serif;}
h5 {font-weight:normal; color:#000; margin:0; padding:0; font-size: 16px;}
h6 {font-weight:normal; color:#000; margin:0; padding:0; font-size: 14px;}
p {font-weight: normal;color:#3c3c3c; margin:0; padding:0; font-size: 13px; line-height:18px;font-family:Arial, Helvetica, sans-serif;}
ul {margin:0; padding:0; list-style:none;}
li {font-family:Arial, Helvetica, sans-serif;font-size: 13px;}
table {font-size:13px;}
.slow {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.rupee {font-family: 'rupee';}
.total {font-weight:bold;font-size:15px; color:#000;}
.red {color:#ea4748;}
.green {color:#2b950b;}
.black {color: #1b1b1b;}
.note {color:#ea4748; font-size:11px; }
.note2 {color:#56a4a5;}
.note ul {margin:0; padding:0 0 0 12px; list-style:disc;}
.black_overlay{display:none;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:2;-moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50);}
.br0{border-right:0!important;}
.pdng0{padding:0!important;}
.pdng10{padding:10px!important;}
.pdng15{padding:15px!important;}
.pdng20{padding:20px!important;}
.pr0 {padding-right:0!important;}
.pl0 {padding-left:0!important;}
.pt0{padding-top:0!important;}
.pt20{padding-top:20px!important;}
.pb0{padding-bottom:0!important;}
.mr0 {margin-right:0!important;}
.ml0 {margin-left:0!important; }
.ml40 {margin-left:47px!important;}
.ml5 {margin-left:5px!important;}
.ml10 {margin-left:10px!important;}
.mb0 {margin-bottom:0!important;}
.mt0 {margin-top:0px!important;}
.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.br0{border-right:none!important;}
.bl0{border-left:none!important;}
.bt0{border-bottom:none!important;}
.br5 {border-radius:5px;}
.float-left {float:left!important;}
.alignLeft{text-align:left!important;}
.alignRight{text-align:right!important;}
.alignCenter{text-align:center!important;}
.f_normal {font-weight:normal;}
.counter {background:#d64a4a;color:#fff;font-size:10px;padding:1px 2px;border-radius:100%;}
.paid {color:#16b01d!important;}
.unpaid {color:#ca2c2c!important;}
.cancel {color:#848484!important;}
.present {color:#39b54a!important;}
.absent {color:#ed1c24!important;}
.offday {color:#707070!important;}
.leave { color:#0072bc!important;}
.holiday {color:#bd8cbf!important;}
.description {height:18px; overflow:hidden; width:99%; text-overflow:ellipsis; white-space:nowrap;  }
.capitalFirst {text-transform:capitalize;}

.bg_color1 { background:#21ac86!important;}
.bg_color2 { background:#9260c1!important;}
.bg_color3 { background:#329dcf!important;}
.bg_color4 { background:#d5649e!important;}
.bg_color5 { background:#dabf01!important;}
.bg_color6 { background:#585bae!important;}
.bg_color7 { background:#64ae6a!important;}
.bg_color8 { background:#e25959!important;}
.bg_color9 { background:#c98c31!important;}
.bg_color10 { background:#729ad6!important;}
.bg_color11 { background:#c9a94e!important;}
.bg_color12 { background:#cd3482!important}
.bg_color13 { background:#7359de!important;}
.bg_color14 { background:#3ecfb4!important}
.bg_color15 { background:#c9614a!important;}

.color1 { color:#21ac86!important;}
.color2 { color:#9260c1!important;}
.color3 { color:#329dcf!important;}
.color4 { color:#d5649e!important;}
.color5 { color:#dabf01!important;}
.color6 { color:#585bae!important;}
.color7 { color:#64ae6a!important;}
.color8 { color:#e25959!important;}
.color9 { color:#c98c31!important;}
.color10 { color:#729ad6!important;}
.color11 { color:#c9a94e!important;}
.color12 { color:#cd3482!important;}
.color13 { color:#7359de!important;}
.color14 { color:#3ecfb4!important;}
.color15 { color:#c9614a!important;}

.fld_row {clear:both; padding:0; margin:0 0 10px 0;}
.fld_row:after {clear:both;margin:0; padding:0;content:"";display:block;}
.fld_row .fa {color:#5146BA; font-size:15px; padding:1px 3px; }
.fld_row .fa:hover {color:#5146BA;}
label { width:100%; font-weight:normal;color: #3b3b3b;font-size: 14px; }
.fld_icon {position:absolute; font-size:17px;margin:9px 0 0 13px; }
.fld_icon2 {margin:6px 0 0 17px; }
.fld_icon .fa-mobile {font-size:25px;}
label {font-size:12px; font-weight:bold;margin:0 0 1px 0;color:#232323;}
.fld {
        width: 100%;
    padding: 2px 6px;
    border: solid 1px #dadada;
    font-size: 12px;
    height: 42px;
    border-radius: 50px;
}
.calfld {height:36px;}
.txtfld {min-height:100px;}
.fld:hover{border:solid 1px #aeaeae;}
.btn { background: #545353;color: #e0dddd!important;border: solid 1px #545353;font-size: 11px;padding: 4px 12px;}
.btn:hover {background:#628e37;color:#fff;border:solid 1px #628e37;}
.btn:link, .btn:visited, .btn:hover, .btn:active {/*background:#000;color:#fff;*/ outline:none;}
.btn .fa {color:#cacaca!important;}
.big_btn {font-size:13px;min-width:115px;width:auto;}
.btn2 {background: -moz-linear-gradient(top, #fbfbfb, #d9d9d9);color:#6e6e6e!important; border:solid 1px #cfcfcf;padding:2px 8px;
background: -webkit-gradient(linear, center top, center bottom, from(#fbfbfb), to(#d9d9d9));}
.btn2:hover {background: -moz-linear-gradient(top, #d9d9d9, #fbfbfb);color:#5c5c5c;
background: -webkit-gradient(linear, center top, center bottom, from(#d9d9d9), to(#fbfbfb));}
.btn3 {color: #e0e0e0!important;border: solid 1px #5f5f5f;padding: 2px 8px;
background: -moz-linear-gradient(top, #6b6b6b, #424242);
background: -webkit-gradient(linear, center top, center bottom, from(#6b6b6b), to(#424242));}
.btn3:hover {background: -moz-linear-gradient(top, #424242, #6b6b6b);
background: -webkit-gradient(linear, center top, center bottom, from(#424242), to(#6b6b6b));}
.form_btn {margin-top:3px;float:right;}
.mobile_code {width:6%!important; margin-right:5px; }
.mobile_no {width:65%!important; }
.btn_body { margin:30px 0 0 0; }
.min_height {min-height:500px;}
.break {word-break:break-all;}

.float-menu-icon{ position: fixed;display: inline-block; display:flex;justify-content:  center;align-items:  center;
width:50px; height:50px;right:.5%; cursor: pointer; bottom:20px; background: #2eaeb9; padding:13px 8px; border-radius:100px;
-webkit-transform: translateZ(0);transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; z-index:2; }
.float-menu-icon:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%;
opacity: 0;  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s;
-webkit-transition-property: transform, opacity; transition-property: transform, opacity; }
.float-menu-icon:hover, .float-menu-icon:focus, .float-menu-icon:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.float-menu-icon:hover:before, .float-menu-icon:focus:before, .float-menu-icon:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px);}
.float-menu-icon a {color:#fff;font-size:20px;}

.content_details {}
.content_details li {border: solid 1px rgb(230, 230, 230);padding: 9px 13px;background: #f9f9f9;margin-bottom: 7px;border-radius: 8px;}
.content_details li p.txt {margin-bottom: 3px;color:#565656;}
.content_details li p {color:#797979;}

.tooltip_box {position: absolute;top:22px; width:200px; max-height:120px;left:0; background: #fff;z-index:5;padding: 8px;border-radius: 6px;box-shadow: 0 1px 4px rgba(0,0,0,0.5);}
.tooltip_box .inr_body {overflow:auto; max-height:100px;}
.tooltip_box ul li {font-size:12px;font-weight: normal;color: #6d6d6d;}
.tooltip_box:after, .tooltip_box:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";
height: 0;width: 0;position: absolute;pointer-events: none;}
.tooltip_box:after {border-color: rgba(136, 183, 213, 0);border-bottom-color: #ffffff;
border-width: 8px;  margin-left: -80px;}
.tooltip_box:before {border-color: rgba(194, 225, 245, 0);border-bottom-color: #ccc;
border-width: 10px;margin-left: -82px;}
.tooltip_box ul li a:hover {text-decoration:none;}


table th { font-size:12px;padding:8px 5px!important; background: -moz-linear-gradient(top, #eaeaea, #fff);background: -webkit-gradient(linear, center top, center bottom, from(#eaeaea), to(#fff));}
table td { font-size:12px;}
table td .svg-inline--fa { color:#797979;}
table td .svg-inline--fa:hover {color:#189c9e;}

table .total { background:#f0f0f0; border-top:solid 5px #dedede; }
table .total td { font-size:15px;}

.view_page {}
.view_page table {color:#5a5a5a;}
.view_page table td {padding:3px 0;}
.view_page table b {color:#2b2b2b;}

.actions_btn {margin:0 3px; text-decoration:none;}
.actions_btn .svg-inline--fa { font-size:12px; color:#b3b3b3; cursor:pointer;}
.actions_btn .svg-inline--fa:hover {color:#628e37;}
.actions_btn.edit .svg-inline--fa {color: #e89c10;}
.actions_btn.remove .svg-inline--fa {color:#e82d2d;}
.actions_btn.message .svg-inline--fa {color:#2d6fe8;}
.actions_btn.call .svg-inline--fa {color:#41a20f;}
.actions_btn.mail .svg-inline--fa {color:#d31da4;}
.actions_btn.important .svg-inline--fa {color:#10a4a6;}
.actions_btn.reset .svg-inline--fa {color: #628e37;}
.actions_btn.view .svg-inline--fa {color: #be48ea;}
.actions_btn.addservice .svg-inline--fa {color: #4d24d1;}
.actions_btn.viewservice .svg-inline--fa {color: #2ccfd5;}
.actions_btn.bill .svg-inline--fa {color: #e89c10;}
.actions_btn.inbill .svg-inline--fa {color: #39cba4;}
.actions_btn.print .svg-inline--fa {color: #2ccfd5;}

.popup_body {position: fixed; display:none; width:100%; height:100%; overflow:auto; background:rgba(0,0,0,0.5); z-index:9; left:0; top:0; }
.popup_body .popup_close {position: absolute;margin: -25px 0 0 0;right: 0;}
.popup_body .popup_close a {float:right; text-decoration:none; background:#eaeaea; color:#777; padding:6px 12px 4px 12px; font-size:16px; }
.popup_body .popup_close a:hover {color:#fff;background: #628e37;}
.popup_body .popup_inr_body {padding:25px; position: relative; background:#fff; width:60%; height:80%; min-height:400px; margin:50px auto 0 auto; overflow:auto; }
.popup_body .popup_inr_body h5 {margin:0 0 15px 0;}
.popup_body .popup_inr_body.mini_popup {width:40%; height:75%;}
.popup_body.d-block {display: block;}
.mini_height_popup {min-height:200px!important;}

.popup_body_remarks {position: fixed; width:100%; height:100%; overflow:auto; background:rgba(0,0,0,0.5); z-index:9; left:0; top:0; }
.popup_body_remarks .popup_close a {float:right; text-decoration:none;background: #737070;color: #ffffff;padding:5px 7px 4px 7px;font-size: 11px;}
.popup_body_remarks .popup_close a:hover {background: #628e37;color: #ffffff;}
.popup_body_remarks .popup_inr_body {padding:25px; background:#fff; width:60%; height:80%; min-height:400px; margin:50px auto 0 auto; overflow:auto; }
.popup_body_remarks .popup_inr_body h5 {margin:0 0 15px 0;}
.popup_body_remarks .popup_inr_body.mini_popup {width:40%; height:50%;}

.popup_body_add_folder {position: fixed; width:100%; height:100%; overflow:auto; background:rgba(0,0,0,0.5); z-index:2; left:0; top:0; }
.popup_body_add_folder .popup_close a {float:right; text-decoration:none; background:#000; color:#fff; padding:2px 10px; font-size:22px; }
.popup_body_add_folder .popup_inr_body {padding:25px; background:#fff; width:60%; height:80%; min-height:400px; margin:50px auto 0 auto; overflow:auto; }
.popup_body_add_folder .popup_inr_body h5 {margin:0 0 15px 0;}
.popup_body_add_folder .popup_inr_body.mini_popup {width:40%; height:50%;}

.post_popup {}
.popup_body_remarks.post_popup .popup_inr_body { padding:10px; width: 90%; margin: 55px auto 0 auto;overflow: hidden;}
.popup_body_remarks.post_popup .popup_inr_body .picsbox {background:#0e0e0e; height:100%; display:flex;align-items:center; justify-content: center;}
.popup_body_remarks.post_popup .popup_inr_body .picsbox img {width:auto; max-width:100%; height:auto;max-height:100%;}

.popup_body_remarks.post_popup .popup_inr_body .picsbox:hover .next_button {display:block;}
.popup_body_remarks.post_popup .popup_inr_body .picsbox:hover .prev_button {display:block;}
.next_button, .prev_button { display: none;color:#b9b9b9;position: absolute; cursor: pointer;font-size:35px;}
.prev_button {left:30px;}
.next_button {right:30px;}
.popup_body_remarks.post_popup .popup_inr_body .piccustsec .witnarrowsec .consecc {float: left;width:auto;}
.popup_body_remarks.post_popup .popup_inr_body .piccustsec .witnarrowsec {height: 100%;}
.popup_body_remarks.post_popup .popup_inr_body .piccustsec .witnarrowsec .comment_body {max-height:300px;
overflow-y: auto;}

.login_bg_body {background-color: #f5f2ea!important; }
.login_bg_body .login_left_box {width:50%; height:100%;float:left; display:inline-block; text-align:center; display:flex; align-items:center; justify-content:center; background-color:#fff; /*background-image:url(../images/intro-robot-gradient.png);
background-repeat:no-repeat;background-position:-320px top; padding:60px 50px 50px 50px;*/
/*background:#628e37;
background:#24d9dd;
background:#40d1dd;
background:#46D0DD;
background:#33cccc;*/}

.sub_tab_list {margin:0 0 20px 0;background:#f4f4f4;}
.sub_tab_list ul li { float: left;cursor: pointer; display: inline-block; margin:0;color:#3f3f3f; text-align:center; text-transform:none;padding:8px 25px; }
.sub_tab_list ul li:hover {background:#628e37;color:#fff;}
.sub_tab_list ul li.selected {background:#628e37;color:#fff;}
.sub_tab_details {display:none;margin:0 0 50px 0;}

.login_bg_body .login_left_box h4 {text-align:center; color:#fff;font-weight: normal;
font-family: 'opensans-light';font-size: 24px;}
.login_bg_body .login_left_box .login_logo {/*width:35%;margin:95px auto 20px auto;*/}
.login_bg_body .login_left_box .login_logo img {}
.login_bg_body .login_left_box h1 {color:#fff; font-size:32px;}
.login_bg_body .login_left_box p {color:#fff;margin:5px 0 0 0;/*color:rgb(1,37,37);*/font-size:13px;}
.login_bg_body .login_left_box p.note {color:#fff;margin:20px 0 0 0;/*color:rgb(6,49,49);*/line-height:21px;}
.login_bg_body .login_right_box {width:50%; height:100%;float:left; display:flex; align-items:center; justify-content:center; }
.login_bg_body .login_center_box {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.login_bg_body .login_center_box .login_box{
  width:360px;
  background-color: #fff;
  padding: 30px; border-radius: 30px;
  box-shadow: 0px 0px 10px 11px rgb(224 224 224 / 30%);
}
.login_bg_body .login_right_box .login_box{width:65%;}
.login_bg_body .login_right_box form, .login_bg_body .login_center_box form {margin:35px 0 0 0;}
.login_bg_body .login_right_box .login_box h4 , .login_bg_body .login_center_box .login_box h4 {color:#8af2ff; font-weight:normal;font-family:'opensans-light'; font-size:24px; }
.login_bg_body .login_center_box .login_box h4{color: #5146ba;text-align: center;text-transform: capitalize;}
.login_bg_body .login_right_box .login_box .fld_row, .login_bg_body .login_center_box .login_box .fld_row {margin-bottom:15px;position: relative;color: #fff;}
.login_bg_body .login_right_box .login_box .fld, .login_bg_body .login_center_box .login_box .fld { background:#fff; color:#000; padding-left:32px; border:none; float:left; display:inline-block;border-bottom:solid 0px #4b4c56; border-radius: 15px;    border: solid 1px rgb(81 70 186 / 30%);}
.login_bg_body .login_right_box .login_box .fld:hover, .login_bg_body .login_center_box .login_box .fld:hover {border-color:#c7c7c7;}
.login_bg_body .login_right_box .login_box .fld option, .login_bg_body .login_center_box .login_box .fld option { color:#000;}


.login_bg_body .login_right_box .login_box .icon, .login_bg_body .login_center_box .login_box .icon {
        display: inline-block;
    position: absolute;
    top: 3px;
    left: 11px;
    bottom: 0;
    margin: auto;
    width: 18px;
    height: 20px;
}
.login_bg_body .login_right_box .login_box .icon .svg-inline--fa, .login_bg_body .login_center_box .login_box .icon .svg-inline--fa {color:#000; }
.login_bg_body .login_right_box .login_box .note, .login_bg_body .login_center_box .login_box .note {color:#6d6d6d;margin-top:3px;font-size:11px;}
.login_bg_body .login_right_box .login_btn, .login_bg_body .login_center_box .login_btn { border: 0;border-radius: 50px;width: 100%;font-size: 13px;background: #5146ba;text-transform: uppercase;padding: 11px;margin: 0 0 10px 0;color: white !important;}
.login_bg_body .login_right_box .login_btn:hover,.login_bg_body .login_right_box .login_btn:focus, .login_bg_body .login_center_box .login_btn:hover,.login_bg_body .login_center_box .login_btn:focus  { background:#251e65; color: #fff;  box-shadow: 0px 0px 10px 0px rgba(211,211,211,.15);outline: 0;}
.login_bg_body .login_right_box .forgt_pw, .login_bg_body .login_center_box .forgt_pw { color:#6f6f6f; font-size:12px; margin:10px 0 0 0px; letter-spacing:1px;}
.login_bg_body .login_right_box .forgt_pw:hover, .login_bg_body .login_center_box .forgt_pw:hover {color:#c9c9c9;}
.login_bg_body .login_right_box .support, .login_bg_body .login_center_box .support {color:#7b7b7b;font-size:12px; position:absolute; bottom:50px;}
.login_bg_body .login_right_box .support b, .login_bg_body .login_center_box .support b {color:#7b7b7b;}
.login_bg_body .login_right_box .support a , .login_bg_body .login_center_box .support a {color:#b7b7b7;}

header {background: #628e37; color:#fff; position:fixed; width:100%; z-index:2; height:48px; }
header .left { width:auto; float:left; display:inline-block;}
header .logo {color:#fff; cursor:pointer; font-size:115%; font-family: 'neosansintel-medium'; font-weight:normal; float:left;display:inline-block; height:48px; background:#4e7727; padding:10px 20px;width:220px; text-align:center;}
header .logo img {width:48%;}
header .logo:hover:before {/*animation-play-state: paused;*/}
h1.logo:before{content: 'Waste Wise Environmental';/*animation-name: head;animation-duration: 5s;animation-iteration-count: infinite; animation-delay:5s;*/}
/*@keyframes head {
0% {opacity:1;}
25% {opacity:0;}
50% { opacity:1;}
65% { opacity:0;}
80% {opacity:1; content: "Waste Wise Environmental"}
90% {opacity:0;}
100% {opacity:1; content: "Waste Wise Environmental"}
}*/
header .menu_icon { float:left;display:inline-block;padding:13px 15px 12px 15px;font-size:20px; cursor:pointer; border-top:solid 2px #628e37; }
header .menu_icon:hover { background:rgba(0,0,0,0.1); border-top:solid 2px #fff;}
header .search_body { width:auto; float:left; display:inline-block;}
header .search_body {float:left; display:inline-block;margin:8px 0 0 10px;}
header .search_body .fld {padding:7px 35px 7px 15px; width:400px; border:none; float:left; display:inline-block; border-radius:35px; color:#000; }
header .search_body .search_btn { float:left; display:inline-block; background:transparent; border:none; font-size:16px;margin:6px 0 0 -35px;color:#000;  }
header .right { width:auto; float:right; display:inline-block;}
header .right ul li { float:right; padding:14px 15px;margin:0 1px; font-size:16px;border-top:solid 2px #628e37; cursor:pointer; position:relative;  }
header .right ul li.chat .badge {background:#1bb318; border-color:#1bb318; }
header .right ul li:hover {background:rgba(0,0,0,0.1); border-top:solid 2px #fff;}
header .right ul li .badge {position:absolute; font-size:9px;padding:4px 5px 2px 5px; margin:-5px 0 0 -1px; border:solid 1px rgba(255,255,255,0.5); background:transparent;}
header .right ul li .profile_pic img { width:20px; height:20px;  }
header .right ul li .profile_pic span { font-size:12px; letter-spacing:.5px;}
header .right .profile_submenu li {text-align:right!important;}
header .right ul li.header_dropdown:hover .profile_submenu {display:block;}
header .right .header_dropdown_list { min-width:125px;max-width:420px;overflow:hidden;top:46px; box-shadow:0 2px 5px 0px rgba(0,0,0,0.45); z-index:1; position:absolute;text-align:right; right:0px; background:#fff; }
header .right .header_dropdown_list li {text-align:left;}
header .right .header_dropdown_list li a {color: #525252;}
header .right .header_dropdown_list li a:hover {color:#202020; text-decoration:none; }
header .right .header_dropdown_list li:first-child {padding-top:8px;}
header .right .header_dropdown_list li .list-icon {float:left;display:inline-block;margin:0 5px 0px 0;}
header .right .header_dropdown_list li .list-icon .svg-inline--fa {text-align: center;background: #bbbbbb;
color: #fff;border-radius: 100%;font-size: 15px;width: 30px;height: 30px;line-height:30px; padding:7px;}
header .right .header_dropdown_list.notification_list li .list-details {float:none;display:block; width:100%;}
/*header .right ul ul {display:none;}*/
header .right ul ul.profile_submenu {display:none;}
header .right ul ul li {color:#525252;width:100%; float:none;padding: 5px 10px;margin:0;font-size:12px;border-top:none;border-bottom: 1px solid #f3f3f3;cursor:pointer;  }
header .right ul ul li .title {color:#686868;font-size:12px;line-height:14px;}
header .right ul ul li .description {font-size:10px;color:#a4a4a4;}
header .right ul ul li:hover {background:#f6f6f6;color:#292929; border-top:none;}
header .right ul ul li:hover .list-details .title {color:#292929;}
header .right .header_dropdown_list li .list-details {float: left;display: inline-block; width:80%;}
header .right .header_dropdown_list.notification_list {width:420px; height: 200px;}
header .right .header_dropdown_list.message_list {width:350px;}
header .right .header_dropdown_list.message_list .list-icon img {width:40px;border:solid 1px rgba(0,0,0,0.11);height: 40px;}

.main_menu {height:92%;overflow-x:hidden; overflow-y:auto;position:relative;z-index: 1;}
.main_menu .main_menu_item {}
.main_menu .main_menu_item h4 {font-size: 15px; font-weight: bold; color: #696969;font-family: 'opensans-semibold'; padding: 10px 10px 8px 10px;margin: 0 0 1px 0;
background: #f1f1f1; cursor:pointer; }
.main_menu .main_menu_item h4:hover {color:#628e37;}

.left_menu_body {position:fixed; left:0;display: block;background-color: #fff;overflow-x: hidden; width:220px; top:47px; height:100% !important;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}
.left_menu_body .menu_list.mobile_menu_list {display:none;}
.left_menu_body .menu_list {background-color: #fff;}
.left_menu_body .menu_list li {min-height:34px;cursor:pointer; width:100%; border-top:1px solid #f3f3f3;
display: block;line-height: 30px; margin:0;padding:0px 2px 0px 5px;text-decoration: none;color: #737373;
-webkit-text-shadow: none !important;text-shadow: none !important;font-size: 13px;}
.left_menu_body .menu_list li:after {clear:both; padding:0; margin:0; content:'';}
.left_menu_body .menu_list li a {display: block;line-height: 33px;margin: 0;font-size: 13px;text-decoration: none;color: black;}
.left_menu_body .menu_list li .menu_txt {/*width:174px;*/ float:left; display:inline-block; margin:0px 0 0 0; }
.left_menu_body .menu_list li .svg-inline--fa { margin:0px 0px 0px 0;text-align:center; padding:9px; float:left; display:inline-block;
background:transparent!important; color:#757575;border-radius:100%; font-size:15px; width:30px; height:30px; line-height:30px;}
.left_menu_body .menu_list li .svg-inline--fa.fa-angle-down {background:transparent; color:#737373;margin:4px 0px 0 0; width:auto;padding:8px;}
.left_menu_body .menu_list li .svg-inline--fa.fa-search {background:transparent; color:#737373;margin:6px 5px 0 0px; width:auto;/* position:absolute;*/}
.left_menu_body .menu_list li .carat {float:right;}
.left_menu_body .menu_list li:hover {color:#628e37; }
.left_menu_body .menu_list li:hover a {color:#628e37;font-size: 13px !important; font-weight: bold;}
.left_menu_body .menu_list li:hover a .svg-inline--fa {color:#628e37; }
.left_menu_body .menu_list li.active { }
.left_menu_body .menu_list li .fld {position:absolute; padding:0; border:none;background:transparent;width:82%; height:32px;}
.left_menu_body .menu_list li.search {}
.left_menu_body .menu_list li:hover .svg-inline--fa {color:#628e37; }
.left_menu_body .menu_list li ul {display:none; box-shadow:inset 2px 5px 8px -5px rgba(0,0,0,.2);list-style: none;margin: 0 0 0 -14px;padding:0 0 20px 0;position: relative;background-color: #fff;border-top: 0;}
.left_menu_body .menu_list li ul:before {content: "";display: block;position: absolute;z-index: 1;left: 29px;top: 0;bottom: 19px;
border-left: 1px solid #d2d2d2;}
.left_menu_body .menu_list li ul li { border-top:none; min-height:auto; line-height:20px; margin-left: 0; position: relative;}
.left_menu_body .menu_list li ul li .menu_txt {width:auto; float:none; display:block; margin:0; }
.left_menu_body .menu_list li ul>li>a {padding:9px 7px 5px 32px; line-height:20px;color:#909090; font-size:12px;}
.left_menu_body .menu_list li ul>li>a:before {content: "";display: inline-block;position: absolute;width: 5px;height: 5px;left:27px;top: 16px;
background-color: #fff;border: 1px solid #b7b7b7;z-index: 2;}
.left_menu_body .menu_list li:hover ul {background:transparent;}
.left_menu_body .menu_list li:hover ul li a {color: #737373;}
.left_menu_body .menu_list li ul li:hover {background:transparent;}
.left_menu_body .menu_list li ul li a:hover {color: #2d2d2d;}

.chat_body {background:#fff;position: fixed; overflow:auto; height:100%;top:47px; padding-bottom:50px;
bottom: 0;width:249px;display: block;right: 0; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);box-shadow: 0 0 10px 0 rgba(0,0,0,.2);z-index:1;}
.chat_body .chat_list {position:relative;}
.chat_body .chat_list ul li {padding:5px 10px; display:block; cursor:pointer;}
.chat_body .chat_list ul li:hover {background:rgba(0,0,0,0.035);}
.chat_body .chat_list ul li .chat_close {position:absolute;right:5px;top:7px;background:#000;padding:5px 7px; font-size:11px; color:#fff; z-index:1px;}
.chat_body .chat_list ul li.search { padding:0 10px; height:41px;border-bottom: 1px solid #e5e5e5;}
.chat_body .chat_list ul li.search .svg-inline--fa {font-size:15px;width:15px; text-align:center; margin: 12px 0 0 0;}
.chat_body .chat_list ul li.search .fld { position:absolute; padding:0; margin-left:-30px; background:transparent; border:0; width:88%; height:40px;padding-left:40px;}
.chat_body .chat_list ul li.search:hover {color:#628e37; }
.chat_body .chat_list ul li .user_img { float:left; display:inline-block; margin:0 5px 0px 0;}
.chat_body .chat_list ul li .user_img img {width:50px; border:solid 1px rgba(0,0,0,0.11);height:50px;}
.chat_body .chat_list ul li .user_info {float:left; display:inline-block;}
.chat_body .chat_list ul li .user_info .user_name {color: #686868;}
.chat_body .chat_list ul li .user_info .user_status {font-size:11px;}
.chat_body .chat_list ul li .user_info .user_status.online {color:#4fac5f;}
.chat_body .chat_list ul li .user_info .user_status.offline {color:#a0a0a0;}
.chat_body .chat_list ul li .user_info .user_status.inactive {color:#ea7d7d;}
.chat_body .chat_list ul li .user_info .user_status .svg-inline--fa.fa-square {font-size:10px;}
.chat_body .chat_list ul li .user_info .last_status {font-size:10px;color:#a4a4a4;}

.chat_message_window {position:relative; height:100%; overflow:hidden; width:100%;}
.chat_message_window .chat_person {padding:10px; background:#f2f2f2; border-bottom: 1px solid #e8e8e8;}
.chat_message_window .chat_person .back {float:left; font-size:32px;color:#cbcbcb;padding: 1px 3px;display: inline-block;margin: 0 5px 0px 0; cursor:pointer; }
.chat_message_window .chat_person .back:hover {color:#5e5e5e;}
.chat_message_window .chat_person .profile_pic {float: left;display: inline-block;margin: 0 5px 0px 0;}
.chat_message_window .chat_person .profile_pic img {width: 50px;border: solid 1px rgba(0,0,0,0.11); height: 50px;}
.chat_message_window .chat_person .chat_user_info {float: left;display: inline-block;}
.chat_message_window .chat_person .chat_user_info .user_name {font-weight: bold;color: #047ec4;}
.chat_message_window .chat_person .chat_user_info .user_status {font-size: 11px;}
.chat_message_window .chat_person .chat_user_info .user_status.online {color: #4fac5f;}
.chat_message_window .chat_person .chat_user_info .user_status .svg-inline--fa.fa-square {font-size: 10px;}
.chat_message_window .chat_person .chat_user_info .last_status {font-size: 10px;color: #a4a4a4;}
.chat_message_window .chat_message_list {padding:10px;overflow:auto; height:78%;}
.chat_message_window .chat_message_list ul li {margin:0 0 15px 0;}
.chat_message_window .chat_message_list ul li .message-info {}
.chat_message_window .chat_message_list ul li .message-info .contact-name {font-weight:bold;}
.chat_message_window .chat_message_list ul li .message-info .message-time {font-size: 10px; font-weight:normal;padding-left:3px;color: #a4a4a4;}
.chat_message_window .chat_message_list ul li .message-body { margin:7px 0 0 0; border-radius:10px;background: rgba(226, 245, 217, 1);padding:8px;position:relative;}
.chat_message_window .chat_message_list ul li .message-body p { font-size: 12px; margin:0 0 8px 0;line-height: 16px;}
.chat_message_window .chat_message_list ul li .message-body:before {bottom: 100%;left:10px;border: solid transparent;content: " ";height: 0;
width: 0;position: absolute;pointer-events: none;border-color: rgba(226, 245, 217, 0);border-bottom-color: #e2f5d9;border-width:10px;}
.chat_message_window .chat_message_list ul li.reply { text-align:right;}
.chat_message_window .chat_message_list ul li.reply .message-body {background: rgba(217, 235, 245, 1); }
.chat_message_window .chat_message_list ul li.reply .message-body:before {left:86%;border-color: rgba(217, 235, 245, 0);border-bottom-color: #c2e1f5c4;}
.chat_message_window .message_box { position:absolute; width:100%; bottom:0;padding:10px; background:#f2f2f2; border-top: 1px solid #e8e8e8; }
.chat_message_window .message_box .msg_fld {resize:none; height:38px;border-radius:15px;}
.chat_message_window .message_box .smiley_btn { position:absolute; right:12px; bottom:12px; font-size:17px;padding:8px;}
.chat_message_window .message_box .smiley_btn:hover {color:#047ec4;}

.brd_cumb {padding:0 15px;position: relative;background: #f6f6f6;min-height: 40px;line-height: 39px;
display: block;z-index: 1;-webkit-box-shadow:2px 2px 4px 0 rgba(0,0,0,.15);
-moz-box-shadow:2px 2px 4px 0 rgba(0,0,0,.15);box-shadow:2px 2px 4px 0 rgba(0,0,0,.15);}
.brd_cumb ul {float:left; display:inline-block;}
.brd_cumb ul li { float:left; display:inline-block; color:#000; }
.brd_cumb ul li a {color:#8b8b8b;}
.brd_cumb .right_menu {float:right;}
.brd_cumb .right_menu ul li {padding:5px 12px 0 12px;margin:0;float:none; font-size:13px;cursor:pointer; position:relative; color:#b7b7b7;  }
.brd_cumb .right_menu ul li:hover {/*background:#fff; */color:#628e37;}
.brd_cumb .right_menu ul li[title="Main Menu Show/Hide"] {display:none;}
.brd_cumb .right_menu ul li .red_post {color: #d14141;}
.brd_cumb .right_menu ul li .green_post {color: #37b916;}
.brd_cumb .right_menu ul li .badge { font-size:11px;position:absolute; width:15px; height:15px; z-index:2;
font-size:8px;background:#d86466;padding: 4px 2px 2px 3px;margin: -5px 0 0 -2px; }

.content_area {margin-left:221px;top:47px; position:relative; z-index:1;
-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.content_area .title_bar {color:#858585; background:#fff; font-size:15px;position: relative;margin: 0;padding:10px 0 1px 12px;border-bottom: 1px solid #e5e5e5;height: 41px;}
.content_area .title_bar span { float:left; }
.content_area .title_bar .right { float:right; margin:0 20px 0 0;}
.content_area .title_bar .right .svg-inline--fa { font-size:17px;margin:0 5px;color: #797979;}
.content_area .title_bar .right .svg-inline--fa:hover {color:#189c9e;}
.content_area .title_bar .btn2 {float: left; margin:0 0 0 15px;}

.work_area {padding:10px 0;background-color:#f6f6f6;}
.work_area .box {background-color:#fff;-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);-moz-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
box-shadow: 0 0 2px 0 rgba(0,0,0,.2); }
.work_area .box h4.heading {font-size:15px;font-family:'OpenSansRegular';color:#50a3a5; }
.work_area .box h4.heading .right {float:right;}
.work_area .box h4.heading .right .fld {font-weight:normal; font-size:12px;padding: 1px 7px;height: 25px; width:150px;}
.work_area .box h4.heading .add_btn {float:right;}
.work_area .box h4.heading .add_btn .btn {font-size:11px; padding: 3px 8px;text-transform: none;}

.work_area .box h4.heading .search {width:250px;margin-bottom:12px;}
.work_area .box h4.heading .search label {width:100px; float:left;margin-top:7px;}
.work_area .box h4.heading .search .fld { float:left;}


.wall_lef_panel {background-color:#fff;-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);-moz-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
box-shadow: 0 0 2px 0 rgba(0,0,0,.2); padding:10px; }
.wall_lef_panel .profile_pic img { width:70%; }
.wall_lef_panel h4 {margin:3px 0 0 0; color:#628e37; font-size:17px;}
.wall_lef_panel .profile_info {margin:10px 0 25px 0;}
.wall_lef_panel h5 {background:#f4f4f4; padding:4px 8px; font-size:14px;margin:0px 0 7px 0; font-weight:bold;color:#565656;  }
.wall_lef_panel h5 span {font-size:12px; float:right; padding-top:3px; color:#7d7d7d; cursor:pointer;}
.wall_lef_panel h5 span:hover {color:#628e37;}
.wall_lef_panel .profile_info .svg-inline--fa {width:15px; text-align:center;}
.wall_lef_panel .profile_info p {color:#5e5e5e;}
.wall_lef_panel .profile_info p b {color:#3f3f3f;}
.wall_lef_panel .profile_info .friend_thumb_list {margin:25px 0 0px 0;}
.wall_lef_panel .profile_info .friend_thumb_list ul li {width:22%; margin:0 5px 10px 0; float:left; display:inline-block; cursor:pointer; }
.wall_lef_panel .profile_info .friend_thumb_list ul li .profile_pic img {width:100%; border:solid 1px rgba(0,0,0,0.09);}
.wall_lef_panel .profile_info .friend_thumb_list ul li .svg-inline--fa {border:solid 1px rgba(0,0,0,0.09);color:#898989;font-size:55px;width:100%; padding:5px; }
.wall_lef_panel .profile_info .friend_thumb_list ul li p {font-size:11px; line-height:11px; color:#898989;margin-top:2px;}
.wall_lef_panel .profile_info .friend_thumb_list ul li:hover p {color:#628e37;}
.wall_lef_panel .profile_info .family_list {margin:25px 0 0px 0;}
.wall_lef_panel .profile_info .family_list h6 {color: #047ec4;font-size: 13px;font-weight: bold; margin:0 0 1px 0; }
.wall_lef_panel .profile_info .family_list ul li { margin:0 0px 10px 0; }
.wall_lef_panel .profile_info .family_list ul li .profile_pic img {width:35px; height:35px;float:left;margin:0 2px 0px 0; display:inline-block; border:solid 1px rgba(0,0,0,0.09);}
.wall_lef_panel .profile_info .family_list ul li p {font-size:12px;}

.work_button {position:absolute; color:#fff; background:#11a4a6; z-index:3;top:59px;right:0; cursor:pointer; padding:8px 9px 8px 12px;box-shadow: 0 0 6px 0 rgba(0,0,0,0.3); font-size:22px; border-radius:5px 0 0 5px;border-right:none;}
.work_button:hover {background:#2cb5b7;}

.wall_right_panel {position:relative;}
/*.wall_right_panel .work_to_do {position:fixed; top:106px;width:25.8%; z-index:2;
background: -moz-linear-gradient(top, #fff, #b9b9b9);background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#b9b9b9));}
.wall_right_panel .work_to_do h5 {background: #18bbbd; color:#fff;}
.wall_right_panel .work_to_do ul li {border-bottom: solid 1px #0000000f!important;}
*/
.wall_right_panel .work_to_do {z-index:2; border-radius:6px;background: #d7ecec;
box-shadow: -1px -1px 2px rgba(0,0,0,0.18);width: 100%;}
.wall_right_panel .work_to_do:before {content: "";position: absolute;bottom: 0;right: 0;border-width: 16px 16px 0px 0;border-style: solid;
border-color: #8d943d #fff;}
.wall_right_panel .work_to_do h5 {color: #152929; background:transparent; padding:0; font-weight:bold;font-style: italic;}
.wall_right_panel .work_to_do ul li {border-bottom: solid 1px #0000000f!important; font-family:"Comic Sans MS"; font-style:italic; }

.wall_right_panel .to_do_list_body { height:200px;}
.wall_right_panel .to_do_list_body .list ul li label.check {white-space:nowrap; text-overflow:ellipsis; width:250px;overflow:hidden;height:20px;}

.wall_right_panel .upcoming_birthday {margin:19px 0 0 0; height: 230px;}
.wall_right_panel .upcoming_birthday h5 {margin:0 0 10px 0;}
.wall_right_panel .upcoming_birthday .tab_list {margin:0 0 10px 0;}
.wall_right_panel .upcoming_birthday .tab_list ul li { width:calc(100%/2); margin:0;color:#3f3f3f; text-align:center; text-transform:none;padding:5px; }
.wall_right_panel .upcoming_birthday .tab_list ul li:hover {background:#628e37;color:#fff;}
.wall_right_panel .upcoming_birthday .tab_list ul li.selected {background:#628e37;color:#fff;}

.friend_list ul li { margin:0 0px 10px 0; }
.friend_list ul li .profile_pic img {width:40px; height:40px;float:left;margin:0 4px 0px 0; display:inline-block; border:solid 1px rgba(0,0,0,0.09);border-radius:100%;}
.friend_list ul li p {font-size:12px;}

.driver_list ul li { margin:0 0px 10px 0; }
.driver_list ul li .profile_pic img {width:60px; height:60px;float:left;margin:0 4px 0px 0; display:inline-block; border:solid 1px rgba(0,0,0,0.09);border-radius:100%;}
.driver_list ul li p {font-size:15px;padding: 6px;}

.notice li {width: 100%;padding: 5px 10px;border-bottom: 1px solid #f3f3f3;}
.notice li:hover {background:#f6f6f6;color:#292929; border-top:none;}
.notice li:hover .title {color:#292929;}

.notice li .title {color:#686868;font-size: 12px;line-height: 14px;}
.notice li .description {font-size: 10px;color: #a4a4a4;}

.post_section_body {background-color:#fff;webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.4);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
box-shadow: 0 0 5px 0 rgba(0,0,0,.4);}
.post_section_body .post_fld {padding:7px;}
.post_section_body .post_fld .fld {border:none; resize:none; height:40px;}
.post_section_body .post_fld .file_cross {position: absolute; margin-left: 400px; margin-top: 5px; color: red;}
.post_section_body .post_bottom_menu { border-top: 1px solid #e6e6e6; padding:7px 7px 10px 7px;}
.post_section_body .post_bottom_menu ul li {float:left; position: relative; display:inline-block;margin:0 5px;}
.post_section_body .post_bottom_menu ul li .svg-inline--fa { font-size:15px; color:#acacac; cursor: pointer;}
.post_section_body .post_bottom_menu ul li .svg-inline--fa:hover { color:#4a4a4a;}
.post_section_body .post_bottom_menu .post_btn {width:100%;}
.post_section_body .post_bottom_menu ul li {width: 13px;height:12px; margin-top:2px; cursor: pointer;}
.post_section_body .post_bottom_menu ul li.red {background: red;}
.post_section_body .post_bottom_menu ul li.green {background: green;}
.post_section_body .post_bottom_menu ul li.grey {background:#5f5b5b;}
.post_section_body .post_bottom_menu ul li.active {outline: 2px solid rgb(81, 202, 204);}

.post_box {background-color: #fff;-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);-moz-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
box-shadow: 0 0 2px 0 rgba(0,0,0,.2);position:relative;margin:25px 0;}
.post_box:hover {box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);}
.post_box:hover .more {display:block;}
.post_box .more {position:absolute; top:5px; right:10px;display:none;}
.post_box .more .svg-inline--fa {color: #a4a4a4; cursor:pointer;}
.post_box .more .svg-inline--fa:hover {color: #333333;}
.post_box .top {display:block;padding:15px 15px 5px 15px; }
.post_box .top .profile_pic {}
.post_box .top .profile_pic img {width:40px; height:40px;float:left;margin: 0 5px 0px 0;display:inline-block;border: solid 1px rgba(0,0,0,0.02);border-radius:100%;}
.post_box .top .name {font-weight:bold;color: #10a4a6; position: relative; }
.post_box .top .time { font-size:11px;color: #b7b7b7;line-height:14px; float:none;width:auto; margin:0;font-weight:normal;}
.post_box .middle {display:block;padding:5px 0px 5px 0px; }
.post_box .middle p { line-height:15px; margin:10px 0; padding:0px 15px 5px 15px; }
.post_box .middle .post_img {/*background-repeat:no-repeat; background-size:cover; background-position:center; height:200px; */width:auto; max-width:100%;text-align: center;margin:10px 0; }

.post_box .middle .multiple_post_img ul {clear: both;overflow: hidden;}
.post_box .middle .multiple_post_img ul li {float: left; border:solid 2px #fff; position: relative; }
.post_box .middle .multiple_post_img ul li img {object-fit: cover; height:230px; width:100%; object-position: top; }
.post_box .middle .multiple_post_img.two_img ul li {width:calc(100%/2);}
.post_box .middle .multiple_post_img.three_img ul li {width:calc(100%/3);}
.post_box .middle .multiple_post_img.four_img ul li {width:calc(100%/3);}
.post_box .middle .multiple_post_img.four_img ul li:last-child {width:100%;}
.post_box .middle .multiple_post_img.five_img ul li {width:calc(100%/3);}
.post_box .middle .multiple_post_img.five_img ul li:nth-child(4) {width:50%;}
.post_box .middle .multiple_post_img.five_img ul li:last-child {width:50%;}
.post_box .middle .multiple_post_img.more_img ul li {width:calc(100%/3);}
.post_box .middle .multiple_post_img.more_img ul li:nth-child(4) {width:50%;}
.post_box .middle .multiple_post_img.more_img ul li:last-child {width:50%;}
.post_box .middle .multiple_post_img.more_img ul li:last-child::before {
background:rgba(0,0,0,0.8); content:'+ View More'; width:100%; height:100%; position:absolute;
color:rgba(255,255,255,0.9); font-size:16px; display:flex; justify-content:center; align-items: center;
font-family: 'OpenSansRegular'; text-transform: uppercase; letter-spacing:2px;}
.post_box .middle .middle_btn_bar {border-top:1px solid #e6e6e6; margin:12px 10px 0 10px;padding:7px 0;}
.post_box .middle .middle_btn_bar ul li { float:left; display:inline-block; width:calc(100%/3);color:#818181;font-size:12px;}
.post_box .middle .middle_btn_bar ul li a { color:#818181;}
.post_box .middle .middle_btn_bar ul li a:hover { color:#047ec4; text-decoration:none; cursor: pointer;}
.post_box .middle .middle_btn_bar ul li.active a { color:#565656; font-weight:bold;}
.post_box .middle .middle_btn_bar ul li.active-like a { color:#628e37; font-weight:bold;}
.post_box .middle .qty_bar {background:#ececec; margin:3px 10px 0 10px; }
.post_box .middle .qty_bar .qty_bar_in { font-size:10px; color:#818181;margin:0; position:relative;padding:2px 10px 2px 10px; }
.post_box .middle .qty_bar .qty_bar_in a {color:#818181;}
.post_box .middle .qty_bar .qty_bar_in a:hover {color:#047ec4;}
.post_box .middle .qty_bar .qty_bar_in .like_qty {position: relative;}
.post_box .middle .qty_bar .qty_bar_in .comment_qty {position: relative;}
.post_box .comment_body {padding:5px 15px 5px 15px; display:block;height:auto;}
.post_box .comment_body ul {}
.post_box .comment_body ul li {border-bottom:1px solid #f3f3f3;padding:8px 0;position:relative;}
.post_box .comment_body ul li .profile_pic {}
.post_box .comment_body ul li .profile_pic img {width:30px; height:30px;float:left;margin: 0 5px 0px 0;display:inline-block;border: solid 1px rgba(0,0,0,0.09);border-radius:100%;}
.post_box .comment_body ul li .name {font-weight:bold;color: #737373;font-size:12px;}
.post_box .comment_body ul li .comment { font-size:12px;color: #777;line-height:14px;}
.post_box .comment_body ul li:hover .comment_edit_btn {display:block; }
.post_box .comment_body ul li .comment_edit_btn {position:absolute; right: 0; display:none; }
.post_box .comment_body ul li .comment_edit_btn span {cursor: pointer; padding:5px; display:inline-block;color: #9e9e9e;}
.post_box .comment_body ul li .comment_edit_btn span:hover {color:#585858;}
.post_box .comment_reply_body {padding:7px; background:#f3f3f3;margin:2px 0 0 0;}
.post_box .comment_reply_body .qty_bar p {font-size:11px;color: #8a8a8a;padding:1px 5px; background:#fff;}
.post_box .comment_reply_body .qty_bar p a {position: relative;  color: #5a5a5a;}
.post_box .comment_reply_body .qty_bar p a.active {color: #628e37;}
.post_box .comment_reply_body .comment_body ul li {border-bottom: 1px solid #e4e4e4;}
.post_box .comment_reply_body .comment_body ul li:last-child {border-bottom:none;}
.post_box .comment_reply_body .comment_body ul li:hover .comment_edit_btn {display:block; }
.post_box .comment_reply_body .comment_body ul li .comment_edit_btn {display:none; }
.post_box ul .loadtxt{cursor: pointer;background: #f5f5f5;border: solid 1px #efefef;text-align: center;font-size: 11px;padding: 1px;color: #717171;}
.post_box ul .loadtxt:hover, .post_box ul .loadtxt:focus{text-decoration:none; color:#628e37;}
.post_box .bottom {background:#ececec;padding:5px 15px 5px 15px;border-top:1px solid #e6e6e6; position:relative; }
.post_box .bottom form {margin-bottom:0;}
.post_box .bottom .post_fld { border-radius:25px;font-size:12px;}
.post_box .bottom .smiley_btn {position:absolute;right:10px;font-size:17px;margin:6px 10px 5px 9px;cursor:pointer; display:block;}
.post_box .bottom .smiley_btn:hover {color:#047ec4;}
.post_box .bottom p {font-size:10px;color: #b7b7b7;line-height:12px; margin-left:5px;}

.post_box .comment_body ul li .post_emoji {max-width:80px; margin:15px 40px; display:inline-block; }
.post_box .middle .post_emoji {margin: 10px 0;padding: 0px 15px 5px 15px;}
.post_box .middle .post_emoji img {max-width:150px; margin:10px;}
.smiley_box_body {position:absolute;background:#fff;overflow:auto;top:22px;
width:300px; height:320px;left:0;z-index:5;padding: 8px;box-shadow: 0 1px 4px rgba(0,0,0,0.5);}
.smiley_box_body:after, .smiley_box_body:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";
height: 0;width: 0;position: absolute;pointer-events: none;}
.smiley_box_body:after {border-color: rgba(136, 183, 213, 0);border-bottom-color: #ffffff;
border-width: 8px;  margin-left: -80px;}
.smiley_box_body:before {border-color: rgba(194, 225, 245, 0);border-bottom-color: #ccc;
border-width: 10px;margin-left: -82px;}
.smiley_box_body ul li {width:calc(100%/4); float:left; margin:0!important; border:solid 5px #fff; padding:4px; cursor: pointer; }

.inr_box .form-group .barCodeDiv{font-size: 20px;padding: 7px 0px;color: #858585;}
.box .profile-header .resultBox{display: block;width: 90%;border-radius: 8px;border: 1px solid #a4eaa4;}
.profile-header .keyBtn{padding: 4px 20px;border: 2px solid #628e37;border-radius: 28px;cursor: pointer;background: white;}
.profile-header .keyBtn:hover {background:#628e37;color:#fff;border:solid 1px #628e37;}
.profile-header .row {padding:20px;}
.profile-header .profile_pic img { /*border-radius:100%; */border:solid 5px rgba(0,0,0,0.15);}
.profile_pic_change {background:#3a3a3a;color:#fff;padding: 6px; cursor:pointer; border-radius: 100%; font-size: 10px;margin: 0px 0 0 112px;position: relative;top: -26px;}
.profile-header .profile-info {margin:30px 0 0 0;}
.profile-header .profile-info h4 {font-size:17px;}
.profile-header .profile-info p {color:#7b7b7b;}
.profile-header .profile-status .row {padding:0px;border-left:1px solid #f3f3f3; text-align:center;  }
.profile-header .profile-status .status-col {padding:22px 0;}
.profile-header .profile-status .status-col .status-value {font-size:30px;color:#15a9aa;line-height:30px;}
.profile-header .profile-status .status-col .status-title {color:#aeaeae;font-size:12px;letter-spacing:1px;}
.profile-header .profile-status .profile-status2 {padding:22px 0;border-top:1px solid #f3f3f3;color:#5e5e5e;}
.profile-header .profile_tab {border-top:solid 2px rgba(0,0,0,0.15);}
.profile-header .profile_tab ul li { float:left; display:inline-block; width:calc(100%/5); text-align:center;
padding:10px; cursor:pointer; font-weight:bold; border-bottom:solid 2px transparent; }
.profile-header .profile_tab ul li:hover {border-bottom:solid 2px #628e37;}
.profile-header .profile_tab ul li.active {border-bottom:solid 2px #628e37;}

.profile_tab_details {margin:25px 0 0 0; min-height:500px; display:none;}
.profile_tab_details h5 {font-weight: bold; margin:20px 0 10px 0;color:#565656;}
.profile_tab_details.profile_contacts .profile-badge .svg-inline--fa { background:#ccc; font-size:25px;padding:14px; border-radius:100%;
width:50px; color:#fff;height:50px; display:inline-block; float:left;}
.profile_tab_details.profile_contacts .profile-badge .svg-inline--fa.fa-phone {background:#15a9aa;}
.profile_tab_details.profile_contacts .profile-badge .svg-inline--fa.fa-map-marker-alt {background:#15a9aa;}
.profile_tab_details.profile_contacts .profile-badge span { font-size:27px; padding:5px 0 0 10px; display:inline-block; float:left;font-family: 'opensans-light'; }
.profile_tab_details.profile_contacts .profile-badge span.span1 {color:#15a9aa;}
.profile_tab_details.profile_contacts .profile-badge span.span2 {color:#15a9aa;}
.profile_tab_details.profile_contacts .contact-info {padding:0 0 20px 62px;}
.profile_tab_details.profile_contacts .contact-info p {margin:0 0 20px 0; line-height:20px; color:#5a5a5a;}
.profile_tab_details.profile_contacts .contact-info p b {color:#333333;}
.profile_tab_details.profile_contacts .map iframe {height:350px;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.profile_tab_details.profile_settings h5 {font-weight:bold;margin:0 0 10px 0;color:#565656;}
.profile_tab_details.profile_settings label {color:#5c5c5c;}
.profile_tab_details.profile_family {position:relative;}
.profile_tab_details.profile_family .add_btn {position:absolute; top:10px; right:10px;}
.profile_tab_details.profile_family .add_btn a { text-decoration:none; border-color:#232323; background:#232323; }

.profile_tab_details.profile_family h5 {}
.profile_tab_details.profile_family .member {margin:0 0 10px 0;}
.profile_tab_details.profile_family .member .profile_pic img {width:55px; height:55px;float:left;margin:0 8px 0px 0; display:inline-block; border:solid 1px rgba(0,0,0,0.09);border-radius:100%;}
.profile_tab_details.profile_family .member .profile_pic .svg-inline--fa {border:solid 1px rgba(0,0,0,0.09);color:#898989;font-size:55px;width:55px;float:left;margin:0 8px 0px 0; display:inline-block; padding:5px; }
.profile_tab_details.profile_family .member p {font-size:12px;}
.profile_tab_details.profile_family .member p.name {font-size:13px;font-weight: bold; cursor:pointer; color:#333333;}
.profile_tab_details.profile_family .member p.name:hover {color:#628e37;}

.faq_body {}
.faq_body ul li {margin:0 0 15px 0;padding:18px 15px 18px 15px; cursor:pointer; }
.faq_body ul li h4 {margin:0;font-size:14px;color: #6b6b6b; font-weight:normal;}
.faq_body ul li h4 span { background:#e8e8e8; padding:5px 10px; border-radius:100%;margin-right:5px; }
.faq_body ul li:hover h4 {color:#628e37;}
.faq_body ul li:hover h4 span {background:#628e37;color:#fff;}
.faq_body ul li .content { margin:15px 0;}
.faq_body ul li .content ul {list-style:disc; margin:8px 0;padding:0 0 0 15px; }
.faq_body ul li .content ul li { margin:0 0 2px 0;padding:0px;}

.helpline_body {}
.helpline_body .profile-badge .svg-inline--fa { background:#15a9aa; font-size:25px;padding:14px; border-radius:100%;
width:50px; color:#fff;height:50px; display:inline-block; float:left;}
.helpline_body .profile-badge span { font-size:27px; padding:5px 0 0 10px; display:inline-block; float:left;font-family: 'opensans-light'; }
.helpline_body .profile-badge span.span1 {color:#15a9aa;}
.helpline_body .profile-badge span.span2 {color:#15a9aa;}
.helpline_body .contact-info {padding:0 0 20px 62px;}
.helpline_body .contact-info p {margin:0 0 20px 0; line-height:20px; color:#5a5a5a;}
.helpline_body .contact-info p b {color:#333333;}
.helpline_body .map iframe {height:350px;-webkit-filter: grayscale(100%);filter: grayscale(100%);}

.to_do_list_body {position:relative; }
.to_do_list_body .add_todo {position:absolute; right:12px;}
.to_do_list_body .add_todo a {color:#d8d8d8; text-decoration:none;}
.to_do_list_body h5 {text-transform:uppercase;font-weight:normal;font-size:12px;color:#10a4a6;margin:25px 0 0 0;background:#f2f2f2;padding:5px 9px;}
.to_do_list_body h5 sup {text-transform:none;}
.to_do_list_body .list {margin:7px 0 0 0;}
.to_do_list_body .list ul li { border-bottom:solid 1px #ececec;padding:7px 0;}
.to_do_list_body .list ul li.done span {text-decoration: line-through;color:#585858;}
.to_do_list_body .list ul li:last-child {border-bottom:none;}
.to_do_list_body .list ul li:after {clear:both; margin:0; padding:0; content:'';display: block; }
.to_do_list_body .list ul li label.check { float:left; display:inline-block; width:80%; font-weight:normal; }
.to_do_list_body .list ul li label.check input[type="checkbox"] {margin:0;}
.to_do_list_body .list ul li .actions {float:right; display:inline-block; width:20%; text-align:right;}
.to_do_list_body .list ul li .actions .actions_btn.edit .svg-inline--fa {color: #fff;}
.to_do_list_body .list ul li .actions .actions_btn.remove .svg-inline--fa {color:#fff;}
.to_do_list_body .list ul li .actions .actions_btn.done .svg-inline--fa {color:#fff;}
.to_do_list_body .list ul li:hover .actions .actions_btn.edit .svg-inline--fa {color: #ae7711;}
.to_do_list_body .list ul li:hover .actions .actions_btn.remove .svg-inline--fa {color:#cd3e3e;}
.to_do_list_body .list ul li:hover .actions .actions_btn.done .svg-inline--fa {color:#1ab317;}
.to_do_list_body .list ul li .actions .actions_btn.done.selected .svg-inline--fa {color:#1ab317;}
.to_do_list_body .list ul li .actions .actions_btn.important .svg-inline--fa {color:#c9c9c9;}
.to_do_list_body .list ul li .actions .actions_btn.important:hover .svg-inline--fa {color:#10a4a6;}
.to_do_list_body .list ul li .actions .actions_btn.important.selected .svg-inline--fa {color:#10a4a6;}
.todo_popup h5 {font-weight: bold; text-transform:uppercase;margin: 0 0 10px 0;color: #628e37;}

.attendence_body {padding:15px; position:relative; }
.attendence_body .punch_box_sticky {position:sticky;position:-webkit-sticky;top:55px;}
.attendence_body .punch_box {background:#f4f4f4; padding:30px 20px; text-align:center;}
.attendence_body .punch_box .date { font-size:25px;font-family: 'opensans-light';font-weight:normal;margin: 0px 0 5px 0;}
.attendence_body .punch_box .time {font-family:'OpenSansRegular';font-size:25px;font-weight:bold;margin: 0px 0 5px 0; }
.attendence_body .punch_box .day {font-family:'OpenSansRegular';font-size:18px;font-family:'OpenSansRegular'; }
.attendence_body .punch_box .remarks_fld {margin:10px 0 0 0; border-radius:7px; background:transparent; font-size:11px; }
.attendence_body .punch_box .btn_body {margin:15px 0 0 0;}
.attendence_body .punch_box .btn_body .btn {border:none; font-size:13px; padding:6px 10px 5px 10px;}
.attendence_body .punch_box .btn_body .clock_in_btn:hover {background:#19906f!important;}
.attendence_body .punch_box .btn_body .clock_out_btn:hover {background:#cd3939!important;}
.attendence_body .punch_box .btn_body .lunch_btn {border:none; font-size:12px; padding:6px 10px 5px 10px; background:transparent; color:#2d2d2d;}
.attendence_body .punch_box .btn_body .lunch_btn:hover {color:#c16b13;}
.attendence_body .punch_box .widtime{float:none; width:100%;}

.leave_balance {}
.leave_balance h4 {background: #70964a;color: #fff;padding: 6px 12px;font-weight: normal;margin: 0;}
.leave_balance table {margin-bottom:0px;}
.leave_balance table th {background:#fff;    padding: 5px 5px!important;}

.leave_body .leave_balance td:nth-child(2) {text-align:center;}
.leave_body .leave_balance td:nth-child(3) {color:#ea4748; text-align:center;}
.leave_body .apply_leave_form {margin:0 0 40px 0;}
.leave_body .leave_list th:nth-child(3), .leave_body .leave_list th:nth-child(4), .leave_body .leave_list th:nth-child(5), .leave_body .leave_list td:nth-child(3), .leave_body .leave_list td:nth-child(4), .leave_body .leave_list td:nth-child(5) {text-align:center;}
.leave_body .leave_list th:nth-child(6),.leave_body .leave_list td:nth-child(6) {text-align:right;}

.payslip_body .payslip_box {text-align:center;box-shadow: 0 0 1px 0 rgba(0,0,0,0.16);}
.payslip_body .payslip_box .box_top {background:#628e37;}
.payslip_body .payslip_box .box_top h3 { font-size:22px; margin:0 0 3px 0; color:#fff;font-family: 'opensans-light'; text-transform:uppercase; }
.payslip_body .payslip_box .box_top p.salary_date { color:#fff; margin:0 0 7px 0; font-size:14px; }
.payslip_body .payslip_box .box_top .salary_date .svg-inline--fa { color:#fff;font-size:14px;}
.payslip_body .payslip_box .box_top .actions_btn .svg-inline--fa { color:#fff;font-size:15px;}
.payslip_body .payslip_box .box_top .actions_btn .svg-inline--fa:hover {color:#072e2f;}
.payslip_body .payslip_box .box_bottom {}
.payslip_body .payslip_box .box_bottom table td:nth-child(2) { text-align:right;}
.payslip_body .payslip_box h4 {margin: 0px 0 0px 0;}
.payslip_body .payslip_box p {color:#bbbbbb;font-size:12px;}

.letter_body .letter_left {background:#f4f4f4;}
.letter_body .letter_left ul li {border-bottom: 1px solid #fff;cursor: pointer;display: block;line-height: 36px;padding: 0px 2px 0px 10px;
text-decoration: none;color: #545454;font-size: 13px;}
.letter_body .letter_left ul li:hover {background:#628e37;color:#fff;}
.letter_body .letter_left ul li.select {background:#628e37;color:#fff;}
.letter_body .letter_content {border:solid 1px #eaeaea; padding:15px; }
.letter_body .letter_content h4 {margin:0 0 20px 0;}

.loan_body {}
.loan_body .loan_box {box-shadow: 0 0 2px 0 rgba(0,0,0,.2); height:110px; margin:0 0 20px 0; background:#fff; cursor:pointer;  }
.loan_body .loan_box:hover {box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);}
.loan_body .loan_box .loan_icon {padding:30px 0 0 0;line-height:95px; text-align:center; height:100%; border-right:solid 1px rgba(0,0,0,0.05);
background: -moz-linear-gradient(top, #fff, #f0f0f0);background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f0f0f0));}
.loan_body .loan_box .loan_icon .svg-inline--fa { font-size:40px; color:#9e9e9e; }
.loan_body .loan_box .right {padding:10px 10px 0px 0px;}
.loan_body .loan_box .right h4 {margin:0 0 5px 0; font-size:13px; color:#4a4a4a;font-family:'OpenSansRegular'; }
.loan_body .loan_box .right table {color:#646464; line-height:16px;}
.loan_body .loan_box .right table td:nth-child(2) {text-align:right;}
.loan_body .loan_box .right .progress {height: 13px; border-radius:3px; margin:3px 0 0 0;}
.loan_body .loan_box .right .progress .progress-bar {font-size: 9px;line-height: 14px; }

.loan_details {margin:0 0 20px 0;}
.loan_details table b {font-family:'OpenSansRegular'; font-weight:bold; font-size:15px; display:block;}
.loan_details table td { padding:0px 10px 5px 10px;text-align:right;}
.loan_details table .unpaid {background:#f2f2f2;font-family:'OpenSansRegular'; font-weight:bold;}
.loan_details table .unpaid td { padding:3px 10px; font-size:13px;}

.budget_book {}
.budget_book .budget_label {background:#f2f2f2;text-align:left; font-weight:bold;color:#449ede;}
.budget_book td:first-child {text-align:left;}
.budget_book td {text-align:right;}
.budget_book .total {border-top:solid 2px #dedede;}
.budget_book .total td {font-size:12px;font-weight:normal;}
.budget_book .total td:first-child {font-weight:bold;}

.tab_list {margin:0 0 18px 0; background:#f4f4f4; color:#fff;}
.tab_list ul li {float:left; margin-right:2px; color:#373737; display:inline-block; cursor:pointer; font-size:11px; padding:8px 20px;font-family:'opensans-semibold'; text-transform:uppercase; }
.tab_list ul li:nth-child(5), .tab_list ul li:nth-child(6) { color:#fff;}
.tab_list ul li.pending {background:#ea4949; color:#fff;}
.tab_list ul li.todo {background:#e8a95a; color:#fff;}
.tab_list ul li.done {background:#32c14a; color:#fff;}
.tab_list ul li:hover { background:#628e37; color:#fff;}
.tab_list ul li.selected { background:#628e37;color:#fff;}
.tab_list ul li.active {position: relative;border: 3px solid rgba(0,0,0,0.2);margin: -3px  2px 0 0;}

.payslip_content {}
.payslip_content .invoice_logo {width:80px;}
.payslip_content .header {margin:0 0 20px 0;}
.payslip_content .header h3 {font-family:'opensans-semibold'; text-transform:uppercase; font-size:20px; margin:0 0 3px 0; }
.payslip_content .header p { color:#7b7b7b;}
.payslip_content .header h5 {color:#464646;font-family:'opensans-semibold'; text-transform:uppercase; font-size:13px; margin:7px 0 3px 0;}
.payslip_content table {border-collapse:collapse;border:none;}
.payslip_content table th {}
.payslip_content table td {padding:3px 0; border-color:#E4E4E2;}
.payslip_content .payslip_header {}
.payslip_content .payslip_header td:first-child {width:30%;color:#484848;}
.payslip_content .payslip_header td:nth-child(2) {width:5%;}
.payslip_content .payslip_header td:nth-child(3) {font-weight:bold;}
.payslip_content .payslip_body td {padding:5px;}
.payslip_content .payslip_footer {background:#f0f0f0;margin:15px 0 0 0;}
.payslip_content .payslip_footer td {padding:7px 10px;}

.advanced_search_body {margin:0 0 25px 0; display:none; }
.advanced_search_body .inr_box {background:#f8f8f8;padding:15px;border:solid 1px #eee;}
.advanced_search_body .inr_box .form-control {margin-bottom: 7px;}
.advanced_search_body .inr_box .btn {float:right;}

.email_body {}
.email_body input[type='checkbox']{margin-top:1px;}
.email_body table td, .email_body table th, .email_body table {border:none!important;}
.email_body table th {background:#fff!important; border-bottom:solid 2px #eaeaea!important;}
.email_body table .des { white-space:nowrap; text-overflow:ellipsis;overflow:hidden; width:440px; }
.email_body table .mail_label {background:#628e37;font-size:11px; padding:2px 4px; display:inline; margin:0 3px 0 0;color: #fff;}
.email_body table td {padding:8px 5px!important;border-bottom: solid 1px #ececec!important; cursor:pointer;}
.email_body table tr:last-child td {border-bottom:none!important;}
.email_body table .unread { font-weight:bold;}
.email_body table .unread p.mail_id { font-weight:bold;}
.email_body .actions_btn.remove .svg-inline--fa {color: #cdcccc;}
.email_body .actions_btn.remove .svg-inline--fa:hover {color: #e82d2d;}
.email_body .actions_btn.important .svg-inline--fa {color: #e0e0e0;}
.email_body .actions_btn.important .svg-inline--fa:hover {color: #10a4a6;}
.email_body .btn {background: -moz-linear-gradient(top, #eaeaea, #fff);
background: -webkit-gradient(linear, center top, center bottom, from(#eaeaea), to(#fff));
font-size:13px; color:#6f6f6f; width:40px; height:30px;border-color:#dcdcdc; }
.email_body .btn.send_btn {background:#2d2d2d!important;color:#cacaca!important;border:solid 1px #2d2d2d!important;}
.email_body .btn:hover {color:#464646;}
.email_body .btn.compose_btn {background: -webkit-gradient(linear, center top, center bottom, from(#dcdcdc), to(#fff));
background: -webkit-gradient(linear, center top, center bottom, from(#dcdcdc), to(#fff)); width:94%;}
.email_body .btn.compose_btn:hover {color:#464646;}
.email_body .mail_header_menu th {padding:0px 5px 5px 5px!important}
.email_body .mail_header_menu input[type='checkbox'] {margin-top:8px;}
.email_body .mail_header_menu .btn.tag_btn { margin:0 0 0 5px;width:50px;}
.email_body .mail_header_menu span {font-style:italic; font-weight:normal; margin:0 5px 0 0; color:#acacac; }
.email_body .left ul {margin:14px 0 0px 0;}
.email_body .left ul li {padding:4px 0;color:#5a5a5a;cursor:pointer;}
.email_body .left ul li:hover {background:#f4f4f4;color:#313131;}
.email_body .left ul li .badge {float:right; font-size:9px; background:#e0e0e0; padding:5px 4px 3px 3px; margin-right:10px; color:#898989;}
.email_body .left label {margin:30px 0 0 0; color:#757575; text-transform:uppercase;font-family:'opensans-semibold';font-size:15px;}
.email_body .left ul.label_list {margin-top:3px;}
.email_body .left .new_label {margin:5px 0 0 0;}
.email_body .left .new_label a {}
.email_body .compose_fld {height:300px; resize:none;}

.compose_mail .email_fld {min-height:34px;height:auto;}
.compose_mail .email_fld ul li {float:left; display:inline-block;background: #414141; font-size:12px;padding:1px 0 1px 5px; border-radius:4px;
color: #e2e2e2; margin:2px 5px 0 0;}
.compose_mail .email_fld ul li.new { background:transparent; padding:0; border-radius:0;  }
.compose_mail .email_fld ul li.new input[type="email"] {border:none;color: #313131; }
.compose_mail .email_fld ul li .email_id { }
.compose_mail .email_fld ul li .email_id_remove {color:#fff; padding:1px 5px; cursor:pointer; text-decoration:none; }
.compose_mail .email_fld ul li .email_id_remove:hover {background: #2b2b2b; border-radius:0 4px 4px 0; }
.compose_content_btn {margin:0px 0 4px 0;}

.mail_details {}
.mail_details .mail_subject {border-bottom:solid 1px #e4e4e4;text-transform:none;font-family:'opensans-semibold'; font-size:17px;padding:0 0 6px 0;}
.mail_details .mail_info_details {border-bottom:solid 1px #eeeeee;}
.mail_details .mail_body_details {border-bottom:solid 1px #e4e4e4;}
.mail_details .mail_body_details p {}
.mail_details .mail_body_details ul li {}
.mail_details .mail_attachment_details {}

.calender_body {padding:0;border-top: solid 1px rgba(0,0,0,0.08);}
.calender_body .hdng_bar {box-shadow: 0 2px 5px 0px rgba(0,0,0,0.15);}
.calender_body .hdng_bar ul li {font-size:13px; color:#6a6a6a;padding:7px 2px; text-align:center;width:calc(100%/7);float:left;
display:inline-block;border-right: solid 1px rgba(0,0,0,0.1);font-weight:bold;}
.calender_body .calender {}
.calender_body .calender ul li {font-size:13px;height:94px; text-align:right; color:#6a6a6a;padding:5px;width:calc(100%/7);float:left;
display:inline-block;border-right: solid 1px rgba(0,0,0,0.1);border-bottom:solid 1px rgba(0,0,0,0.1);}
.calender_body .calender ul li:hover {background:rgba(0,0,0,0.04);}
.calender_body .calender ul li span.workname {display:block;color:#fff;background: #65a8a9;margin:1px 0;padding:1px 4px;font-size:9px;border-radius:15px; }
.calender_body .calender ul li span.workname.cancel {background:#707070;color:#fff!important;}
.calender_body .calender ul li span.workname.today {background:#bd8cbf;}
.calender_body .calender ul li span.workname.waiting {background:#ed1c24;}
.calender_body .calender ul li span.workname.pending {background:#ce8618;}
.calender_body .calender ul li span.workname.engaged {background:#0072bc;}
.calender_body .calender ul li span.workname.done {background:#39b54a;}
.calender_body .calender ul li span.workname.overdue {background:#c15e62;}
.calender_body .calender ul li .more {font-size:11px; cursor: pointer;}
.calender_body .calender ul li .more:hover .tooltip {display:block;margin:1px 0 0 -22px;}

.reminder .txtfld {min-height:28px!important;}
.reminder .btn_body {margin:5px 0 0 0;}
.reminder .btn_body .btn {width:100%;}

.folder {}
.folder .folder_left_panel ul li {line-height:21px;}
.folder .folder_left_panel ul li a { color:#545454; }
.folder .folder_left_panel ul li a:hover { color:#26a7a8; text-decoration:none; }
.selectedArea {  background-color:#dadada;  color:white;  font-weight:bold; }
.folder .folder_left_panel ul li a.select {color:#26a7a8;text-decoration: none;}
.folder .folder_left_panel ul ul {padding:0 0 0 15px;}
.folder .document_body {}
.folder .document_body ul li { width:calc(100%/6); cursor:pointer;word-break:break-all; height:120px;padding:10px 10px 10px 10px;margin:0 2px 2px 0; float:left; position:relative; display:inline-block; text-align:center; }
.folder .document_body ul li .svg-inline--fa {font-size:50px; color:#686868; }
.folder .document_body ul li p { font-size:12px; color:#505050;margin:5px 0 0 0; line-height:15px;}
.folder .document_body ul li:hover {background:#dadada;}
.folder .document_body ul li:hover .download {display:block;}
.folder .document_body ul li .download {display:none;margin:5px 0 0 0; position:absolute; right:8px; top:3px;}
.folder .document_body ul li .download .svg-inline--fa.fa-download {font-size:15px;}
.folder .document_body ul li .download .svg-inline--fa.fa-download:hover {color:#26a7a8;}
.validation-note {color:red; text-align: center;}

.conmsgtxt{color:#006600; font-weight:bold;}
.hedwhitescroll{height: 150px; overflow-y: scroll !important;}
.mobnumbox {padding-left: 0;}
.greybtn{background: #e8e8e8;border: solid 1px #ccc; color: #333 !important;}
.greybtn:hover{background: #ccc; color: #333;}
.frmgrouphit .form-group{height: 60px;}

.background-green {background-color: green!important; color: white;}
.background-green td {background-color: green!important; color: white;}
.background-red td {background-color: red!important; color: white;}

.sticky_note {}
.sticky_note ul li { background:#f7ff9a; width:23%; box-shadow:-1px -1px 2px rgba(0,0,0,0.18); height:auto; overflow:hidden; float:left; display:inline-block; padding:15px 18px; margin:0 15px 15px 0;position: relative; }
.sticky_note ul li:before {content: "";position: absolute;bottom: 0;right: 0;border-width:16px 16px 0px 0;border-style: solid;border-color: #8d943d #fff;}
.sticky_note ul li a.close { color:#000; font-size:12px;  margin-right: 5px;}
.sticky_note ul li a.done { color:#14e02d; font-size:12px; float: right; margin-right: 5px;}
.sticky_note ul li a.bookmark { color:#d4d0d0; font-size:12px; float: right; margin-right: 5px;}
.sticky_note ul li a.selected { color:#4ab514!important; font-size:12px; float: right; margin-right: 5px;}
.sticky_note ul li .date {color:#f75656;font-style:italic;}
.sticky_note ul li .date_p {font-style:italic;}
.sticky_note ul li .des {margin:4px 0 0 0; line-height:18px; font-family:"Comic Sans MS"; font-style:italic;height:115px;overflow: auto;width: 100%;}
.sticky_note ul li .des_p {margin:4px 0 0 0; line-height:18px; font-family:"Comic Sans MS"; font-style:italic;height:65px;overflow: auto;width: 100%;}

.dashboard_work_add_to_do_btn {float:right; margin-right: 37px;}
.adv_slider {margin:20px 0 20px 0;height: 263px;}
.adv_slider > div {position: absolute;}

.chnage_profile_popup {width: 60%!important;}
.chnage_profile_popup .step2 {margin:25px 0 0 0;}
.chnage_profile_popup .info {margin:10px 0 0 0;}

.side_box {background:#f5f5f5;padding:20px 15px;}
.side_box h5 {font-size:13px; color: #828282; text-transform:uppercase; font-weight:bold; font-family: 'OpenSansRegular'; margin:0 0 5px 0; }
.side_box table, .side_box table th {text-align:right;}

.duralab .laabsec{float: left;width: 50%;}
.duralab .linkktxt{float: right;}

.appotabsec .table-condensed > tbody > tr > th:first-child{width:20%;}


.post_fld_body {position:relative;}
.friend_drop_list { /*display:none;*/ background:#fff; position:absolute; z-index:9; box-shadow:0px 0px 2px rgba(0,0,0,0.25); padding:8px; height:200px; overflow:auto; width:220px; }
.friend_drop_list ul li {padding:5px;margin:0;}
.friend_drop_list ul li .profile_pic img {width:25px; height:25px;}
.friend_drop_list ul li:last-child {border-bottom:none;}
.friend_drop_list ul li:hover {background:rgba(0,0,0,0.07);}

.driver_drop_list { /*display:none;*/ background:#fff; position:absolute; z-index:9; box-shadow:0px 0px 2px rgba(0,0,0,0.25); padding:8px; height: 250px; overflow:auto; width:430px; }
.driver_drop_list ul li {padding:8px;margin:0;height: 40px;}
.driver_drop_list ul li .profile_pic img {width:30px; height:30px;}
.driver_drop_list ul li:last-child {border-bottom:none;}
.driver_drop_list ul li:hover {background:rgba(0,0,0,0.07);}
.driver_drop_close {float: right; cursor: pointer; color: #000;font-size: 15px;}


.serdell{}
.serdell .table  > tbody > tr > td{vertical-align:middle;}
.serdell .table  > tbody > tr > th:first-child{width:30%;}
.serdell .table  > tbody > tr > th:second-child{width:30%;}
.serdell .table  > tbody > tr > th:third-child{width:30%;}
.serdell .table  > tbody > tr > th:last-child{width:10%;}

.selldropbox{}
.selldropbox .dropplist .listdropsec{box-shadow:0 2px 5px 0px rgba(0,0,0,0.45); background:#fff;}
.selldropbox .dropplist .listdropsec li{float:none !important; width:100%; border-bottom: 1px solid #f3f3f3; padding: 3px 5px; margin:0;}
.selldropbox .dropplist .listdropsec li:hover{background:#f1f0f0;}
.selldropbox .dropplist .listdropsec li a{color:#525252; text-decoration:none; display: block;}
.selldropbox .dropplist .listdropsec li .spanbox{margin-right:5px; width: 20px; float: left;}
.selldropbox .dropplist .listdropsec li .spanbox .svg-inline--fa{color:#525252;}
.selldropbox .dropplist .listdropsec li:last-child{border-bottom: 0 solid #f3f3f3;}
.selldropbox .dropplist .listdropsec li:first-child{padding-top:7px !important;}
.selldropbox .btndropp{background: #fff; border: solid 1px #ccc; border-radius: 0; width: 100%; color: #000 !important; font-size: 12px;}


.linetab table tr:last-child > td:last-child, .linetab table tr:last-child > td:nth-last-child(2), .linetab table tr:last-child > td:nth-child(7){border-bottom:solid 1px #000;}
.attendence_body .punch_box .widtime{float:none; width:100%;}
.profile_tab_details.profile_family .profbtnsec{margin-bottom:10px;}
.profile_tab_details.profile_family .profbtnsec .editbtnn{background: #f6f6f6; border-color: #ccc; color: #333 !important; float: left; margin-right: 5px;}
.profile_tab_details.profile_family .profbtnsec .delbtnn{background: #232323; border-color: #232323; color: #fff !important; float: left;}

.budgetpop {position: fixed;  width:100%; height:100%; overflow:auto; background:rgba(0,0,0,0.5); z-index:9; left:0; top:0; }
.budgetpop .popup_close a {float:right; text-decoration:none; background:#000; color:#fff; padding:2px 10px; font-size:22px; }
.budgetpop .popup_inr_body {padding:25px; background:#fff; width:60%; height:80%; min-height:400px; margin:50px auto 0 auto; overflow:auto; }
.budgetpop .popup_inr_body h5 {margin:0 0 15px 0;}
.budgetpop .popup_inr_body.mini_popup {width:40%; height:75%;}
.budgetpop.d-block {display: block;}

.ritdropbox{float: right;/*width:100%;*/}
.ritdropbox .pubgrpsel{float:left; width:120px;}
.ritdropbox .group{float:left; width:120px;}
.ritdropbox .namegrpsel{float:right; width:150px;}
.ritdropbox .padsel{/*padding-left: 0;*/}
.ritdropbox .fld {height: 26px;background: #f3f3f3;color:#5f5f5f; font-size:12px; width:100%; padding:3px 8px;}
.ritdropbox .fld:focus {outline:none;box-shadow:none;}
.ritdropbox .col-md-3.group, .ritdropbox .col-md-3.pubgrpsel {margin:0 2px;padding: 0 2px;}

.popup_body .picbrowse{height: 200px;}

.piccustsec{}
.piccustsec .picsbox{height:400px;}
.piccustsec .picsbox img{width:100%; height:100%;}
.piccustsec .padleftt{padding-left:0;}
.piccustsec .witnarrowsec{/*background:#f6f6f6; padding:8px;*/ height:auto; position:relative;}
.piccustsec .witnarrowsec .circpicbox{width:40px; height:40px; float:left; margin-right:5px;}
.piccustsec .witnarrowsec .circpicbox img{width:100%; border-radius: 50%;}
.piccustsec .witnarrowsec .consecc{float:right; width:180px;}
.piccustsec .witnarrowsec .consecc .namesec{color:#10a4a6; font-weight:bold;}
.piccustsec .witnarrowsec .consecc .greytxt{color:#b7b7b7; font-size:11px;}
.piccustsec .witnarrowsec .consecc .greytxt .timeico{margin-right: 5px;}
.piccustsec .witnarrowsec .greetbox{margin-top:10px;}
.piccustsec .witnarrowsec .midbar{border-top:1px solid #e6e6e6; margin:10px 0;padding:7px 0;}
.piccustsec .witnarrowsec .midbar ul li { float:left; display:inline-block; width:calc(100%/3);color:#818181;font-size:12px; cursor: pointer;}
.piccustsec .witnarrowsec .midbar ul li a { color:#818181;}
.piccustsec .witnarrowsec .midbar ul li a:hover { color:#047ec4; text-decoration:none; cursor: pointer;}
.piccustsec .witnarrowsec .midbar ul li.active a { color:#565656; font-weight:bold;}
.piccustsec .witnarrowsec .midbar ul li.active-like a { color:#628e37; font-weight:bold;}
.piccustsec .witnarrowsec .midbar ul li .icolist{margin-right:5px;}
.piccustsec .witnarrowsec .amountsec {background:#fff; margin:10px 0; padding:5px;}
.piccustsec .witnarrowsec .amountsec p { font-size:10px; color:#818181;margin:0;}
.piccustsec .witnarrowsec .amountsec p a {color:#818181;}
.piccustsec .witnarrowsec .amountsec p a:hover {color:#047ec4;}
.piccustsec .witnarrowsec .comment_body {padding:0 0 10px 0; max-height: 130px;overflow-y:  auto;}
.piccustsec .witnarrowsec .comment_body ul {}
.piccustsec .witnarrowsec .comment_body ul li {border-bottom:1px solid #e6e6e6;padding:8px 0; position:relative;}
.piccustsec .witnarrowsec .comment_body ul li .profile_pic {}
.piccustsec .witnarrowsec .comment_body ul li .profile_pic img {width:30px; height:30px;float:left;margin: 0 5px 0px 0;display:inline-block;border: solid 1px rgba(0,0,0,0.09);border-radius:100%;}
.piccustsec .witnarrowsec .comment_body ul li .name {font-weight:bold;color: #737373;font-size:12px;}
.piccustsec .witnarrowsec .comment_body ul li .comment { font-size:12px;color: #777;line-height:14px;}
.piccustsec .witnarrowsec .comment_body ul li:hover .comment_edit_btn {display:block; }
.piccustsec .witnarrowsec .comment_body ul li .comment_edit_btn {position:absolute; right: 0; display:none; }
.piccustsec .witnarrowsec .comment_body ul li .comment_edit_btn span {cursor: pointer; padding:5px; display:inline-block;color: #9e9e9e;}
.piccustsec .witnarrowsec .comment_body ul li .comment_edit_btn span:hover {color:#585858;}
.piccustsec .witnarrowsec .comment_body ul li .edit_comment {width: 90%;}
.piccustsec .witnarrowsec .postbottomsec{position:absolute; bottom:25px; width: 100%;}
.piccustsec .witnarrowsec .postbottomsec .combox{float:left; width:80%;}
.piccustsec .witnarrowsec .postbottomsec .postbtnbox{float:right;}
.piccustsec .witnarrowsec .postbottomsec .postbtnbox .btnpostt{height: 32px;}

.pageno { font-size:11px;float:right; padding:8px 0;height: 35px;}
.pageno:after{clear:both; content:''; margin:0; padding:0;}
.pageno .total_page{ border-right:1px solid #a1a1a1; margin-right:8px;}
.pageno .content{background:#fff; box-shadow: inset 0px 0px 2px #868686; padding: 6px 10px; color:#525252; border-radius:3px; margin:0 3px 0 0;}
.pageno .content:hover {background:rgba(0,0,0,0.09);}
.pageno .select{background:#d5f0f1; box-shadow: inset 0px 0px 2px #868686;  padding: 6px 10px; color:#525252; border-radius:3px; margin:0 3px 0 0;}
.pageno a{ color:#525252;}
.pageno a:hover{ text-decoration:none;}

.product_items_list {margin-top:20px;}
.product_items_list .heading .form-group {margin-bottom:3px;}
.product_items_list .item .form-group {margin-bottom:5px;}
.product_items_list .item::after {clear:both; content:''; margin:0; padding:0;    display: block;}
.product_items_list .item .last {width:80%; display: inline-block;}
.product_items_list .item .remove_btn {text-align: right;}
.product_items_list .item .remove_btn:hover {text-decoration:none;}
.product_items_list .add_btn_body {text-align: right;margin-top:10px;}
.product_items_list .add_btn_body .add_btn {cursor: pointer; border-radius:5px; font-size:12px;}

.product_items_list .float-right {float:right; margin-top:20px;}

.upcomingpopbox .taabsec{}
.upcomingpopbox .taabsec .nav-tabs {}
.upcomingpopbox .taabsec .nav-tabs > li{margin-right: 5px;}
.upcomingpopbox .taabsec .nav-tabs > li > a{border: none; background: #f4f4f4; padding: 7px 12px; border-radius: 0; color: #3f3f3f; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.upcomingpopbox .taabsec .nav-tabs > li > a:hover{background: #628e37; color:#fff;}
.upcomingpopbox .taabsec .nav-tabs > li.active > a, .tabsec .nav-tabs > li.active > a:focus, .tabsec .nav-tabs > li.active > a:hover{background: #628e37; color:#fff;}
.upcomingpopbox .taabsec .tab-content{padding-top:12px;}
.upcomingpopbox .profile_pic img {width:40px; height:40px;float:left;margin:0 4px 0px 0; display:inline-block; border:solid 1px rgba(0,0,0,0.09);border-radius:100%;}
.upcomingpopbox p {font-size:12px;}
.upcomingpopbox .taabsec .tab-content .upboxmargg{margin-bottom: 12px;}
.upcomingpopbox .taabsec .tab-content .shadesec{border: 1px solid #dddddd; background: #f8f8f8; padding: 15px; box-shadow:0 0 8px 2px rgba(0, 0, 0, 0.1);}

.custsec label{float: left;width: 125px;}
.custsec span{float: left; margin-left: 10px; width: 200px;}

.edit_comment {position: absolute;background: #ecebec;border-radius:5px;width:95%;top: 0;left:35px;padding: 7px;}
.edit_comment .fld {border-radius: 25px;font-size: 12px;}
.edit_comment .edit_comment_btn {position: absolute;right:12px;top:10px;}
.edit_comment .edit_comment_btn span { padding: 6px 4px;display:inline-block;color:#777;cursor: pointer;}

.outergreypanel{padding:25px 15px;background-color:#f6f6f6; border:1px solid #dddddd;  width:60%; margin:50px auto 0 auto; box-shadow:0 0 8px 2px rgba(0, 0, 0, 0.1);}
.outergreypanel .acpanelbox{background-color:#fff; padding:10px; margin:0 0 10px 0; -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);-moz-box-shadow: 0 0 2px 0 rgba(0,0,0,.2); box-shadow: 0 0 2px 0 rgba(0,0,0,.2);}
.outergreypanel .panhed{margin: 0 auto 10px auto; text-align: center; color: #628e37; font-size:16px;}
.outergreypanel .headtxt{margin: 0 auto 20px auto; text-align: center;}
.outergreypanel .creatbtn{margin-top:20px;}

.itemdelbox{width:100%; overflow-x:scroll;}
.itemdelbox .samewidbox{width:75px; padding-left:2px; padding-right:2px;}
.itemdelbox .seclast{width:60%; display: inline-block;}
.itemdelbox label{font-size:10px; font-weight:normal; color:#000;}

.itemdelbox .fld{padding:2px;}
.itemdelbox .itembox{width:120px; padding-left:2px; padding-right:2px;}
.itemdelbox .descbox{width:180px; padding-left:2px; padding-right:2px;}
.itemdelbox .percentbox{width:30px; padding-left:2px; padding-right:2px;}
.itemdelbox .ratebox{width:60px; padding-left:2px; padding-right:2px;}
.itemdelbox .amountbox{width:90px; padding-left:2px; padding-right:2px;}
.itemdelbox .crossbtn{padding:2px;}

.genereate_invoice {}
.genereate_invoice .column { width:6%; margin-right:2px; float: left; display: inline-block; }

.calculator_icon {bottom:90px!important;}
.calculator_popup { display: none;position: absolute;top:160px; right:20px; width:378px; height:340px;}
.calculator_popup form {background-color: #1e1c1f; padding:15px;border-radius: 15px;cursor: move;}
.calculator {width: 350px;height: 320px;background-color: #1e1c1f;}
.calculator td {text-align: center; vertical-align: middle;}
.calculator #display {width: 348px;height: 50px;text-align: right;background-color: #a2af77;border: 3px solid #a2af77;font-size: 30px;left: 2px;
top: 2px;color: #020202;border-radius: 8px;font-family: monospace;  }
.calculator .btnTop{color: white;border-radius :5px;background-color: #108690;font-size: 13px;margin: auto;width: 63px;height:39px;border: 0;  }
.calculator .btnTop.equal {width: 273px;background-color: #58595a;}
.calculator .btnNum {color: white;border-radius :5px;background-color: #58595b;font-size: 22px;margin: auto;width: 63px;height: 37px;border: 0;
font-weight: normal;font-family: serif;}
.calculator .btnMath {color: white;border-radius :5px;background-color: #58595b;font-size: 22px;margin: auto;width: 63px;height: 37px;border: 0;
font-weight: normal;font-family: serif; }
.calculator .btnMath.plus {height:84px;}
.calculator .btnOpps {color: #c5c5c5;border-radius :5px;background-color: #000;font-size: 13px;margin: auto;width: 63px;height: 37px;border: 0; }

.wallbox{background-color: #fff;-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);-moz-box-shadow: 0 0 2px 0 rgba(0,0,0,.2); box-shadow: 0 0 2px 0 rgba(0,0,0,.2);position:relative;background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 340px;}
.wallbox .wallround{width: 185px; height: 185px; border-radius: 50%; border: solid 1px #eae7e7; position: absolute; bottom: -28px; left: 10px; z-index:1;}
.wallbox .namesec{}
.wallbox .namesec .heddname{text-transform: capitalize; font-size: 24px; color: #fff; text-shadow:0 3px 4px rgba(0, 0, 0, .9); margin: 0; font-weight: bold; float: left; position: absolute; left: 210px; bottom: 12px; max-width: 300px; padding-right: 20px; word-wrap: break-word;}
.wallbox .namesec .btnnbox{float: right; position: absolute; right: 15px; bottom: 12px;}
.wallbox .namesec .btnnbox .icoobtn{position: relative; padding-right: 38px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.wallbox .namesec .btnnbox .icoobtn .margrit{margin-right: 5px;}
.wallbox .namesec .btnnbox .icoobtn .bodico{position: absolute; right: 0; top: 0; bottom: 0; width: 24px; font-size: 15px; text-align: center; border-left: 1px solid #fff; vertical-align: middle;}
.wallbox .namesec .btnnbox .icoobtn .bodico .faccon{margin-top: 5px;}
.tabsecc{margin: 0 0 25px 0; background:#f4f4f4; color:#fff;}
.tabsecc ul li {float:left; margin-right:2px; color:#373737; display:inline-block; cursor:pointer; font-size:12px; padding:8px 20px;font-family:'opensans-semibold'; text-transform:uppercase; }
.tabsecc ul li:hover { background:#628e37; color:#fff;}
.tabsecc ul li.selected { background:#fff; color:#000;}
.cd-tabs {position: relative; width: 100%; margin: 0 0 25px 0;;}
.cd-tabs__navigation{background-color: #f1f1f1; width: 100%; text-align: center; padding-left: 150px; }
.cd-tabs__navigation li {display:inline-block;}
.cd-tabs__content {min-height: 0;}
.cd-tabs__navigation a {position: relative; text-decoration:none; display: block; height: 60px; line-height: 60px; text-align: center; font-size: 1.4rem; font-weight: 700; color: #c3c2b9; padding: 0 2.8em;}
.cd-tabs__navigation a:hover {color: #29324e; background-color: rgba(233, 230, 202, 0.3); text-decoration:none;}
.cd-tabs__navigation a.cd-selected {background-color: #628e37; color: #fff;}
.cd-tabs__content li {display: none; padding: 1.4em;}
.cd-tabs__content li.cd-selected {display: block;}

.wishhbox{margin: 0 0 25px 0; padding: 15px; background-color: #fff;-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);-moz-box-shadow: 0 0 2px 0 rgba(0,0,0,.2); box-shadow: 0 0 2px 0 rgba(0,0,0,.2); width:100%;}
.wishhbox .wallround{height: 160px; border-radius: 50%; border: solid 1px #eae7e7;}
.wishhbox .wishpadd{padding-left: 0;}
.wishhbox .wishconn{margin-top: 20px;}
.wishhbox .wishconn .mr10{margin-top:10px;}

.roundoff_body .roundoff_option {border-radius: 5px;float: left;
background: -moz-linear-gradient(top, #fbfbfb, #d9d9d9);color:#6e6e6e!important; border:solid 1px #cfcfcf;padding:5px 8px;
background: -webkit-gradient(linear, center top, center bottom, from(#fbfbfb), to(#d9d9d9));}
.roundoff_body .plus_btn_bdy {float: left;width: 45px;border-right: solid 1px #ccc;margin-right: 8px;}
.roundoff_body .minus_btn_bdy {float: left;}
.roundoff_body .roundoff_option .btn {padding:0 6px;}
.roundoff_body .roundoff_option input[type="radio"] {float:left; margin-right:3px;}
.roundoff_body .roundoff_option .btn {float:left; margin-top:1px;}
.roundoff_body .roundoff_fld {float:left; margin-left:8px;}
.roundoff_body .roundoff_fld .fld {width:127px;}


.imagesec{padding:5px; margin-bottom:25px; background:#d7ecec;}
.imagesec img{width:90px; height:90px; float:left; margin: 0 25px 0px 0; display:inline-block; border: solid 1px rgba(0,0,0,0.02); border-radius:100%;}
.imagesec .nametxt{font-weight:bold; color: #333; position: relative; font-size:20px; margin-top:20px; display:inline-block; float:left;}

.scrtabs-tab-container * {
  box-sizing: border-box; }

.scrtabs-tab-container {
  height: 42px; }
  .scrtabs-tab-container .tab-content {
    clear: both; }

.scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container > .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row; }

.scrtabs-tabs-fixed-container {
  float: left;
  height: 42px;
  overflow: hidden;
  /*width: 80% !important;*/ }

.scrtabs-tabs-movable-container {
  position: relative; /*width: 100% !important; */}
  .scrtabs-tabs-movable-container .tab-content {
    display: none; }

.scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container > ul.nav-tabs {
  padding-right: 0; }

.scrtabs-tab-scroll-arrow {
  border: 1px solid #dddddd;
  border-top: none;
  color: #428bca;
  display: none;
  float: left;
  font-size: 12px;
  height: 42px;
  margin-bottom: -1px;
  padding-left: 2px;
  padding-top: 13px;
  width: 20px; }
  .scrtabs-tab-scroll-arrow:hover {
    background-color: #eeeeee; }

.scrtabs-tab-scroll-arrow,
.scrtabs-tab-scroll-arrow .scrtabs-click-target {
  cursor: pointer; }

.scrtabs-tab-scroll-arrow.scrtabs-with-click-target {
  cursor: default; }

.scrtabs-tab-scroll-arrow.scrtabs-disable,
.scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target {
  color: #ddd;
  cursor: default; }

.scrtabs-tab-scroll-arrow.scrtabs-disable:hover {
  background-color: initial; }

.scrtabs-tabs-fixed-container ul.nav-tabs > li {
  white-space: nowrap; }


.widthset{}
.widthset .table-condensed > thead > tr > th, .widthset .table-condensed > tbody > tr > th, .widthset .table-condensed > tfoot > tr > th, .widthset .table-condensed > thead > tr > td, .widthset .table-condensed > tbody > tr > td, .widthset .table-condensed > tfoot > tr > td{padding:1px; font-size:8px;}
.attendwidthset{}
.attendwidthset .table-condensed > thead > tr > th, .attendwidthset .table-condensed > tbody > tr > th, .attendwidthset .table-condensed > tfoot > tr > th, .attendwidthset .table-condensed > thead > tr > td, .attendwidthset .table-condensed > tbody > tr > td, .attendwidthset .table-condensed > tfoot > tr > td{padding:1px; font-size:8px;}



.dashsec.small-box{border-radius: 5px; position: relative; margin-bottom: 20px; border: solid 1px #333; padding: 5px;}
.dashsec.small-box > .inner{padding: 10px; background: #47b2b3;}
.dashsec.small-box .icosec{position:absolute; bottom:20px; right:20px;}
.dashsec.small-box .icosec .decico{background: #fff; color: #50eaec; width: 25px; height: 25px; border-radius: 50px; padding: 6px; box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 5px 5px 0 rgba(0,0,0,0.1) !important;}
.dashsec.small-box .hed{color:#fff;}
.dashsec.small-box .paratxt{color:#fff;}
.dashsec.small-box .icosec .mrit{margin-right:5px;}
.dashsec.small-box .statebox{position:absolute; top:20px; right:20px;}
.dashsec.small-box .statebox .listbox{font-size:10px; float:left; margin-left: 5px;}
.dashsec.small-box .statebox .listbox .red{color:#c31c1c}
.dashsec.small-box .statebox .listbox .green{color:#42b62b;}




/*Pagination Colour*/
.pagination > li > a,
.pagination > li > span {
  color: #628e37 !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #628e37 !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #628e37 !important;
  border-color: #628e37 !important;
  color: #fff !important;
}
/*End Pagination Colour*/


.pagination{margin:20px 0; float:right;}
.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
.pagination ul>li{display:inline;}
.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#ffffff;border:1px solid #dddddd;border-left-width:0;}
.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#f5f5f5;}
.pagination ul>.active>a,.pagination ul>.active>span{color:#999999;cursor:default;}
.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{color:#999999;background-color:transparent;cursor:default;}
.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
.pagination-centered{text-align:center;}
.pagination-right{text-align:right;}
.pagination-large ul>li>a,.pagination-large ul>li>span{padding:11px 19px;font-size:17.5px;}
.pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span{-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;}
.pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;}
.pagination-mini ul>li:first-child>a,.pagination-small ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>span{-webkit-border-top-left-radius:3px;-moz-border-radius-topleft:3px;border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;border-bottom-left-radius:3px;}
.pagination-mini ul>li:last-child>a,.pagination-small ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>span{-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;border-bottom-right-radius:3px;}
.pagination-small ul>li>a,.pagination-small ul>li>span{padding:2px 10px;font-size:11.9px;}
.pagination-mini ul>li>a,.pagination-mini ul>li>span{padding:0 6px;font-size:10.5px;}
.pager{margin:20px 0;list-style:none;text-align:center;*zoom:1;}.pager:before,.pager:after{display:table;content:"";line-height:0;}
.pager:after{clear:both;}
.pager li{display:inline;}
.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#f5f5f5;}
.pager .next>a,.pager .next>span{float:right;}
.pager .previous>a,.pager .previous>span{float:left;}
.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999999;background-color:#fff;cursor:default;}

/*header*/
.user.out
              {
                  width:160px;
                  background:rgba(48,214,216,.8);
                  position: absolute;
                  right:0;
                  top: 47px;
                  text-align: center;
                  padding: 15px 0;
              }
              .user.out .user-header img
              {
                  max-width: 40%;
              }
              .user.out .user-header p
              {
                    color: white;
                    margin-top: 13px;
                    font-size: 14px;
              }
              .user.out .user-footer button
              {
                    background: white;
                    border: 0;
                    color: #628e37;
                    padding: 5px 9px;
                    margin-top: 15px;
                    font-size: 11px;
              }
              .user.out .user-footer button:last-child
              {
                     margin-left: 8px;
              }
              .user.show
              {
                  padding: 10px 15px;
                  position: relative;
              }
              .user.show img
              {
                  width:27px;
                  height:27px;
                  border-radius:50%;
              }
              .user.show span
              {
                  font-size: 13px;
                  color: white;
              }
              .m-r
              {
                  margin-right: 5px !Important;
              }
              .user.notiout
              {
                  width:300px;
                  background:white;
                  position: absolute;
                  right:160px;
                  top: 47px;
                  text-align: left;
                  padding: 15px 0;
              }

                .notiout li ul li {
                    color: rgba(48,214,216,1);
                    width: 100%;
                    float: none;
                    padding: 10px 5px !Important;
                    margin: 0;
                    font-size: 12px;
                    border-top: none;
                    border-bottom:1px solid white;
                    cursor: pointer;
                }
              .notiout li ul li a, .notiout li ul li a i{
                    color:black !IMportant;
                }
              .notiout li ul li a i
              {
                  margin-right: 5px;
              }
              .notiout li ul li:hover{
                    background:rgba(48,214,216,.4) !Important;
                }
              .header
              {
                    font-size: 18px;
                    text-align: center;
                    border-bottom: 1px solid white;
                    padding-bottom: 9px;
                    color: black;
              }
              header .right  ul li:hover
              {
                    background:transparent;
                    border-top: 2px solid white !Important;
              }
              .notiout .footer a
              {
                    font-size: 14px;
                    color: #666;
                    padding: 0px 30px;
                    float: right;
              }
              .notiout .footer a:hover
              {
                    color: #999;
              }
              .active
              {
                  border-top:2px solid white !Important;
              }
/*header*/








.tree {padding-left: 14px;overflow: auto;position: relative;}
.tree:before {width: 1px;z-index: 1;display: block;content: "";position: absolute;top: -21px;bottom: 16px;left: 0;border-left: 1px dotted #666;}
.tree.tree-solid-line {padding-left: 12px;}
.tree.tree-solid-line:before {border-left: 1px solid #999;}
.tree.tree-solid-line .tree-folder .tree-folder-content:before {border-left: 1px solid #999;}
.tree.tree-no-line {padding-left: 0;}
.tree.tree-no-line:before {display: none;}
.tree.tree-no-line .tree-folder .tree-folder-content:before {display: none;}
.tree .tree-folder {width: auto;min-height: 20px;cursor: pointer;}
.tree .tree-folder .tree-folder-header {position: relative;min-height: 20px;line-height: 20px;min-width: 100px;}
.tree .tree-folder .tree-folder-header:hover {background-color: #eee;}
.tree .tree-folder .tree-folder-header .tree-folder-name {margin-left: 2px;}
.tree .tree-folder img {margin-left: 4px;}
.tree .tree-folder .tree-folder-content {margin-left: 23px;position: relative;}
.tree .tree-folder .tree-folder-content:before {display: inline-block;content: "";position: absolute;width: 1px;z-index: 1;top: -9px;bottom: 16px;
left: -12px;border-left: 1px dotted #666;}
.tree .tree-item {position: relative;min-height: 20px;line-height: 20px;min-width: 100px; cursor: pointer;}
.tree .tree-item:hover {background-color: #eee;}
.tree .tree-item .tree-item-name {margin-left: 2px;}
.tree .tree-folder, .tree .tree-item {position: relative;}
.tree .tree-folder:before, .tree .tree-item:before {display: inline-block;content: "";position: absolute;top: 14px;left: -13px;
width: 18px;height: 0;border-top: 1px dotted #666;z-index: 1;}
.tree .tree-selected {background-color: #eee;color: #262626;}
.tree .tree-selected:hover {background-color: #e5e5e5;}
.tree .tree-folder .tree-folder-header .tree-folder-name, .tree .tree-item .tree-item-name {display: inline;z-index: 2;}
.tree.tree-solid-line .tree-folder:before, .tree.tree-solid-line .tree-item:before {border-top: 1px solid #999;}
.tree.tree-no-line .tree-folder:before, .tree.tree-no-line .tree-item:before {display: none;}
.tree .tree-item, .tree .tree-folder {border: 1px solid transparent;}
.tree .tree-item, .tree .tree-folder .tree-folder-header { margin: 0; padding: 4px 5px 6px 5px;color: #333;
-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.tree-folder-header .svg-inline--fa {color: #fbac1d;}
.tree .tree-item .tree-item-name>i, .tree .tree-folder .tree-folder-header>i {color: #666; display: inline-block;font-family: FontAwesome;
font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.tree .tree-item.tree-selected i, .tree .tree-item .tree-item-name i {margin-left: 2px; width: 14px;display: inline-block;text-align: center;
margin-right: 1px; color: #262626;}
.tree.tree-plus-minus .tree-folder-header .fa-folder-open:before { height: 16px;width: 16px;line-height: 16px;
vertical-align: middle;display: inline-block;
background: url('data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABgAAABWCAYAAADVJVbkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM1JREFUeNrsmFsKxCAMRRtxSe5/Be4pnYF+lMEppiZUZ44fBQvmaF5eFFXdIkd+f0opZkqtVboBlgXWDaUteCSvnc55ArcsunLLeW5JhK+As5HDuBz/F3FR40RxQb7j8+dc5FFUrSHR3XT9SgYAYJULB9kCIFa2jF6hucfICzqvbEmdRUUWIVsAAADwH83uTkOyCa/eBdYNPR4D3ouajyF6MRcPgHwYF1rFcLVOk0UaCZCfDTIAAMgWZAsAL9kydIVmDyMEGdkSK1t2AQYAa5tGM0Yy5xYAAAAASUVORK5CYII=') no-repeat;
*background: url("img/tree-icons.png") no-repeat;
background-position: {0 -21px;content: "";}
.tree.tree-plus-minus .tree-folder-header .fa-folder:before
{
height: 16px;
width: 16px;
line-height: 16px;
vertical-align: middle;
display: inline-block;
background: url('data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABgAAABWCAYAAADVJVbkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM1JREFUeNrsmFsKxCAMRRtxSe5/Be4pnYF+lMEppiZUZ44fBQvmaF5eFFXdIkd+f0opZkqtVboBlgXWDaUteCSvnc55ArcsunLLeW5JhK+As5HDuBz/F3FR40RxQb7j8+dc5FFUrSHR3XT9SgYAYJULB9kCIFa2jF6hucfICzqvbEmdRUUWIVsAAADwH83uTkOyCa/eBdYNPR4D3ouajyF6MRcPgHwYF1rFcLVOk0UaCZCfDTIAAMgWZAsAL9kydIVmDyMEGdkSK1t2AQYAa5tGM0Yy5xYAAAAASUVORK5CYII=') no-repeat;
*background: url("img/tree-icons.png") no-repeat;
background-position: 0 2px;content: "";
}
.ie .tree.tree-plus-minus .tree-folder-header .fa-folder:before, .ie .tree.tree-plus-minus .tree-folder-header .fa-folder-open:before {
margin-top: -5px;}
.tree.tree-plus-minus .tree-folder-name {margin-left: 0 !important;}
.tree .tree-actions {display: none;position: absolute;margin-top: 1px;right: 4px;}
.tree .tree-item:hover .tree-actions, .tree .tree-folder-header:hover .tree-actions {display: inline-block;}
.tree .tree-actions>i {font-weight: 300;padding: 1px 3px;text-align: center;font-size: 14px;color: #333;margin-right: 6px;margin-top: 0;
display: inline-block;}
.tree .tree-actions>i:hover {font-weight: bold;}
.tree-loading {color: #2dc3e8;margin-left: 30px;}

.loadingdiv {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; background: rgba(0,0,0,0.8);}
.loadingdiv .loadingdiv-modal {position: relative; margin: 16% auto 15% auto; /*padding: 190px 16px;*/ text-align: center;}
.loadingdiv .loadingdiv-modal img{width:260px; height:190px;}

/*header*/
.bg_color14:hover, .bg_color12:hover { background-color: #628e37 !important; cursor: default; }
.main-menu li a[data-tooltip]:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 53px;
    top: 10px;
    max-width: 115px;
    min-width: 115px;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 2px;
    background: #020202;
    padding: 3px 10px 3px 16px;
    color: #ffffff;
    font-size: 11px;
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0 49%);
    text-align: center;
}