.chosen-container-multi .chosen-choices .search-choice .search-choice-close:before{ content: "\e9e0"; font-family: 'android-icon' !important; font-size: 17px;    position: absolute;
                                                                                    top: 0px !important;
                                                                                    right: 0px;
                                                                                    bottom: 0px ;
                                                                                    line-height: 21px;  color: rgba(0,0,0,0.6);
}
.chosen-container-multi .chosen-choices .search-choice .search-choice-close{top:0px;bottom: 0px; right: 0px;}

/* ========= table-condensed ========= */
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td { padding: 7px !important }
/* ========= end table-condensed ========= */
/* ====== mine css ====== */
* { margin: 0px; padding: 0px; outline: none; }
a { outline: 0;  text-decoration: none !important; color: #649ae1; }
a:hover{ cursor: pointer;}
a:focus { outline: none; cursor: pointer;}
.tooltip-inner{padding: 5px 8px;}
.default-tooltip .tooltip.in{opacity: 1;}
.default-tooltip .tooltip.top .tooltip-inner{ border-bottom: 2px solid #000;}
.default-tooltip .tooltip.left .tooltip-inner{ border-right: 2px solid #000;}
.default-tooltip .tooltip.right .tooltip-inner{ border-left: 2px solid #000;}
.default-tooltip .tooltip.bottom .tooltip-inner{ border-top: 2px solid #000;}
.default-tooltip .tooltip-inner{background: #848484;}

ul, ol { margin: 0px; padding: 0px; list-style-type: none;}
.f-ryt { float: right; }
.f-lft { float: left; }
.hide-ovrflw { overflow: hidden; }
.boot-style .has-feedback.has-error .input-group-addon
{ border-color: #ec6f5a !important; color: #ec6f5a !important;}
.boot-style .has-feedback.has-success .input-group-addon { border-color:#4bc076 !important; color: #4bc076 !important;}
.boot-style .has-feedback.has-warning .input-group-addon { border-color:#f7c65f !important; color: #f7c65f !important;}

.right-box-scroll section { display: block; float: left; width: 100%;}
.row7 { margin-left: -7px !important; margin-right: -7px !important; }
.row5 { margin-left: -5px !important; margin-right: -5px !important; }

/*to show time label*/
.time-mail {color: rgba(0,0,0,0.4); font-size: 11px; font-weight: normal;} 
.sidebar-menu .caret-1 { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid; display: block; float: right; height: 0; margin-left: 2px; margin-right: 0px; margin-top: 17px; vertical-align: middle; width: 0;  z-index: 1;
}
.nav li a { white-space: nowrap; color: rgba(0, 0, 0, 0.6); border: none; padding: 0 12px; line-height: 42px; border:none; box-shadow: inset 0 0 0 42px rgba(255,255,255,0.0); }

.nav li a:hover,
.nav li a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.open-sidebar .sidebar-open a,
.scn-lock-overflow .scn-lock-open a,
.nav-tabs > li.active-tab > a
{ color: rgba(0, 0, 0, 0.8) ; box-shadow: inset 0 0 0 42px rgba(0,0,0,0.09) !important; background: transparent;}

.nav-tabs.nav-justified > li > a { border-bottom: none;}
.nav-justified li { display: table-cell; width: 1%; }
.nav-tabs li a{ border-radius: 0px;}

.overflow-popup-left-chat { background: #000; border: 0 none; height: 100%; left: 0; display: none; opacity: 0.40; position: fixed; top: 0; width: 100%; z-index: 10; }

.sidechat-open .overflow-popup-left-chat { display: block; }
.panel-title{ font-size: 13px; font-weight: 600; text-transform: capitalize; position: relative; }
.border-top-0,.border-0 { border-top: none!important }
.border-bottom-0, .border-0{ border-bottom: none !important; }
.border-left-0, .border-0 { border-left: none !important; }
.border-right-0,.border-0 { border-right: none !important; }
.border-rad-0 { border-radius: 0px; }
.border-right-1, .border-1 { border-right: 1px solid rgba(0, 0, 0, 0.09); }
.border-left-1, .border-1{ border-left: 1px solid rgba(0, 0, 0, 0.09); }
.border-bottom-1, .border-1 { border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
.border-top-1, .border-1 { border-top: 1px solid rgba(0, 0, 0, 0.09); }
.boot-style .form-control[disabled], 
.boot-style .form-control[readonly],
.boot-style fieldset[disabled] .form-control { background-color: rgba(0, 0, 0, 0.09); }
.full-width { float: left; width: 100% !important; }
.full { position: relative; width: 100%; }
.text-left{ text-align:left !important; }

/*for ace editor*/
.pos-relative{ position: relative; }
.top-padding-0, .padding-0 {padding-top:0px !important;}
.top-padding-5, .padding-5 {padding-top:5px;}
.top-padding-10, .padding-10 {padding-top:10px;}
.top-padding-15, .padding-15 {padding-top:15px;}
.top-padding-20, .padding-20 {padding-top:20px;}

.bottom-padding-0, .padding-0 {padding-bottom:0px !important;}
.bottom-padding-5, .padding-5 {padding-bottom:5px;}
.bottom-padding-10, .padding-10 {padding-bottom:10px;}
.bottom-padding-15, .padding-15 {padding-bottom:15px;}
.bottom-padding-20, .padding-20 {padding-bottom:20px;}

.left-padding-0, .padding-0 {padding-left:0px !important;}
.left-padding-5, .padding-5 {padding-left:5px;}
.left-padding-10, .padding-10 {padding-left:10px;}
.left-padding-15, .padding-15 {padding-left:15px;}
.left-padding-20, .padding-20 {padding-left:20px;}

.right-padding-0, .padding-0 {padding-right:0px !important;}
.right-padding-5, .padding-5 {padding-right:5px;}
.right-padding-10, .padding-10 {padding-right:10px;}
.right-padding-15, .padding-15 {padding-right:15px;}
.right-padding-20, .padding-20 {padding-right:20px;}

.top-padding-6, .padding-6 { padding-top: 6px !important; }
.top-padding-12, .padding-12{ padding-top: 12px !important; }

.bottom-padding-6,.padding-6 { padding-bottom: 6px !important; }
.bottom-padding-12, .padding-12{ padding-bottom: 12px !important; } 

.left-padding-6,.padding-6 { padding-left: 6px !important; }
.left-padding-12, .padding-12{ padding-left: 12px !important; }

.right-padding-6, .padding-6 { padding-right: 6px !important; }
.right-padding-12, .padding-12 { padding-right: 12px !important; }
/* ==== formated-padding ==== */

/* ===== formated-margin ==== */
.top-margin-0, .margin-0 {margin-top:0px !important;}
.top-margin-5, .margin-5 {margin-top:5px;}
.top-margin-10, .margin-10 {margin-top:10px;}
.top-margin-15, .margin-15 {margin-top:15px;}
.top-margin-20, .margin-20 {margin-top:20px;}
.top-margin-25, .margin-25 {margin-top:25px;}
.top-margin-30, .margin-30 {margin-top:30px;}
.top-margin-35, .margin-35 {margin-top:35px;}
.top-margin-40, .margin-40 {margin-top:40px;}

.bottom-margin-0, .margin-0 {margin-bottom:0px !important;}
.bottom-margin-5, .margin-5 {margin-bottom:5px;}
.bottom-margin-10, .margin-10 {margin-bottom:10px;}
.bottom-margin-15, .margin-15 {margin-bottom:15px;}
.bottom-margin-20, .margin-20 {margin-bottom:20px;}
.bottom-margin-25, .margin-25 {margin-bottom:25px;}
.bottom-margin-30, .margin-30 {margin-bottom:30px;}
.bottom-margin-35, .margin-35 {margin-bottom:35px;}
.bottom-margin-40, .margin-40 {margin-bottom:40px;}

.left-margin-0, .margin-0 {margin-left:0px !important;}
.left-margin-5, .margin-5 {margin-left:5px;}
.left-margin-10, .margin-10 {margin-left:10px;}
.left-margin-15, .margin-15 {margin-left:15px;}
.left-margin-20, .margin-20 {margin-left:20px;}
.left-margin-25, .margin-25 {margin-left:25px;}
.left-margin-30, .margin-30 {margin-left:30px;}
.left-margin-35, .margin-35 {margin-left:35px;}
.left-margin-40, .margin-40 {margin-left:40px;}

.right-margin-0, .margin-0 {margin-right:0px !important;}
.right-margin-5, .margin-5 {margin-right:5px;}
.right-margin-10, .margin-10 {margin-right:10px;}
.right-margin-15, .margin-15 {margin-right:15px;}
.right-margin-20, .margin-20 {margin-right:20px;}
.right-margin-25, .margin-25 {margin-right:25px;}
.right-margin-30, .margin-30 {margin-right:30px;}
.right-margin-35, .margin-35 {margin-right:35px;}
.right-margin-40, .margin-40 {margin-right:40px;}

.top-margin-6, .margin-6{ margin-top: 6px; }
.top-margin-12, .margin-12{ margin-top: 12px; }

.bottom-margin-6, .margin-6 { margin-bottom: 6px; }
.bottom-margin-12, .margin-12 { margin-bottom: 12px; }

.left-margin-6, .margin-6{ margin-left: 6px; }
.left-margin-12, .margin-12{ margin-left: 12px; }

.right-margin-6, .margin-6{ margin-right: 6px; }
.right-margin-12, .margin-12{ margin-right: 12px; }

.top-margin-1pt, .margin-1pt{ margin-top: 1%; }
.bottom-margin-1pt, .margin-1pt { margin-bottom: 1% ; }
.left-margin-1pt, .margin-1pt{ margin-left: 1%;}
.right-margin-1pt, .margin-1pt{ margin-right:1% !important; }

.top-margin-m1, .margin-m1 {margin-top:-1px;}
.bottom-margin-m1, .margin-m1 {margin-bottom:-1px;}
.left-margin-m1, .margin-m1 {margin-left:-1px;}
.right-margin-m1, .margin-m1 {margin-right:-1px;}

.top-margin-m5, .margin-m5 {margin-top:-1px;}
.bottom-margin-m5, .margin-m5 {margin-bottom:-1px;}
.left-margin-m5, .margin-m5 {margin-left:-1px;}
.right-margin-m5, .margin-m5 {margin-right:-1px;}

/* ===== formated-margin ===== */
.max-width-30 { max-width: 30px; }
.scrol-y { overflow-y: scroll; }
p{ line-height: 22px; }
.font-normal { font-weight: normal; }

.form-group input:hover,
.form-group input:focus { box-shadow: none; }

.bg-daterange { background: rgba(0,0,0,0.09); }
.row10 { margin-left: -10px; margin-right: -10px;}
.progress-bar { background-color: #649ae1; box-shadow: none; transition: 0.5s linear !important;}
.progress-bar-info { background-color: #55BADF !important;}
.progress-bar-warning { background-color: #F7C65F !important;}
.progress-bar-success { background-color: #4BC076 !important;}
.progress-bar-danger { background-color: #EC6F5A !important;}
.form-wiz-page .progress { border-radius: 0px; background-color: rgba(0,0,0,0.15); border-radius: 0px; box-shadow: none;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5, .h6 { font-family: inherit; font-weight: 600; }

.fa { font-size: 17px;} .fs7 { font-size: 7px !important;} 
.fw { font-weight: 600;}

/* ====== file-type ====== */
.file.pdf-fle,.pdf-file{color:rgba(210, 32, 24, 0.8) !important;}
.file.code-fle,code-file{ color: rgba(7, 111, 44, 0.8) !important;}
.file.doc-fle,.doc-file{ color: rgba(27, 139, 179, 0.8) !important;}
.file.ppt-fle,.ppt-file{color: rgba(230, 75, 39, 0.8) !important; }
.file.excel-fle,.excel-file{color: rgba(43, 165, 98, 0.8) !important;}
.file.text-fle{color: rgba(0, 0, 0, 0.8);}
.file.zip-fle,.zip-file{color: #ef960b !important;}
.file.jpg-fle,.jpg-file{color: #31a8e0 !important;}


.file.pdf-fle:hover{color:rgba(210, 32, 24, 1);}
.file.code-fle:hover{ color: rgba(7, 111, 44, 1);}
.file.doc-fle:hover{ color: rgba(27, 139, 179,1);}
.file.ppt-fle:hover{color: rgba(230, 75, 39, 1); }
.file.excel-fle:hover{color: rgba(43, 165, 98,1);}
.file.text-fle:hover{color: rgba(0, 0, 0, 1);}

.file.pdf-fle:focus{color:rgba(210, 32, 24, 1);}
.file.code-fle:focus{ color: rgba(7, 111, 44, 1);}
.file.doc-fle:focus{ color: rgba(27, 139, 179, 1);}
.file.ppt-fle:focus{color: rgba(230, 75, 39, 1); }
.file.excel-fle:focus{color: rgba(43, 165, 98,1);}
.file.text-fle:focus{color: rgba(0, 0, 0, 1);}
/* ====== file-type ====== */

.bedge-semi { border-radius: 4px; }
.fs16 { font-size: 16px !important; } 
.fa-14 { font-size: 14px !important; } 


.danger-bg { background: #EC6F5A !important;}
.text-bg-5 { background: #1fbb9a!important;}
.box-shadow { box-shadow: none !important; }

.width-auto { width: auto !important; }
.lyt-scrl{ overflow-y:visible !important; }

.open-sidebar.lyt-scrl,
.sidechat-open.lyt-scrl
{overflow: hidden !important;}

.input-group .form-control { z-index: auto; box-shadow: none; }

.boot-style.three-input .control-label,		
.boot-style.two-input .control-label,		
.boot-style.one-input .control-label,
.boot-style.three-input span.control-label,
.boot-style.two-input span.control-label,
.boot-style.one-input span.control-label,
.boot-style.three-input label.control-label,		
.boot-style.two-input label.control-label,		
.boot-style.one-input label.control-label,		
.boot-style.three-input label,		
.boot-style.two-input label,		
.boot-style.one-input label { display: inline-block; width: 33%; text-align: right; float: left; line-height: 31px; padding-right: 6px; font-weight: normal;}

.boot-style.two-input.to-cls .form-group { width: 30.5%; }
.boot-style.two-input.to-cls .lab-to {  float: left; display: inline-block; text-align: center; line-height: 31px; width: 6%; }

.boot-style.three-input .form-group.first-cld { width: 17%; float: left; }
.boot-style.three-input .form-group.sec-cld { width: 24%; float: left; }
.boot-style.two-input .form-group { float: left; }
.boot-style.two-input .form-group .form-control { width: 100%; }
.boot-style.two-input .form-group select { width: 100%; }
.boot-style.one-input .form-group select { width: 100%; line-height: 31px; }

.boot-style.one-input .width-67 { width: 67%; float: left; }
.boot-style.one-input .width-67 .first-cld{width:100%;}
.boot-style.one-input .form-group .form-cntrol { width: 100%; font-size: 12px; }
.boot-style .form-group .input-group { width: 100%; }
.boot-style .form-inline{ float: left; width: 100%;}
.boot-style .form-group input[type="text"]:focus,
.boot-style .form-group input[type="text"]:hover,
.boot-style .form-group input[type="password"]:focus,
.boot-style .form-group input[type="password"]:hover,
.boot-style .form-group select:hover,
.boot-style .form-group select:focus { border: 1px solid rgba(0, 0, 0, 0.15);box-shadow: none; }


.boot-style .form-group input[type="text"]:focus,		
.boot-style .form-group input[type="password"]:focus,		
.boot-style .form-group select:focus{box-shadow: 0px 0px 3px 1px rgba(0, 0, 0,0.15);}

.boot-style .has-feedback.has-error input,
.boot-style .has-feedback.has-error select { border-color:#ec6f5a !important; }
.boot-style .has-feedback.has-success input,
.boot-style .has-feedback.has-success select { border-color:#4bc076 !important; }
.boot-style .has-feedback.has-warning input,
.boot-style .has-feedback.has-warning select { border-color:#f7c65f !important; }
.boot-style .chosen-container.chosen-container-active{background: #fff;}
.boot-style .btn-group .multiselect.dropdown-toggle{background: #fff !important;}

.boot-style .input-group-addon { width: 31px !important; background: rgba(0,0,0,0.09); border: 1px solid rgba(0, 0, 0, 0.15); border-left: none; padding: 0; height: 31px; line-height: 31px; text-align: center; }

.boot-style.two-input.with_label .form-group { width: 43%; float: right;}
.boot-style.two-input.with_label .form-group .control-label, 
.boot-style.two-input.with_label .form-group span.control-label,		
.boot-style.two-input.with_label .form-group label.control-label,		
.boot-style.two-input.with_label .form-group label { width: 44%; }
.boot-style.two-input.with_label .form-group .input-group { width: 56%; }

.boot-style.two-input.to-cls .form-group { width: 67%; }
.boot-style.form-inline .input-group .form-control { width: 100%; }

.boot-style .has-info input { border: 1px solid #55badf; }
.boot-style.one-input .select,
.boot-style.two-input .select,
.boot-style.three-input .select { height: 31px; }
.boot-style .form-group select,
.boot-style .form-group input[type="text"],
.boot-style .form-group input[type="password"]
{ height: 31px; padding: 0px 4px 0 4px; font-size: 12px; line-height: 31px; font-weight: normal; box-shadow: none;   border: 1px solid rgba(0, 0, 0, 0.15); width: 100%; border-radius: 0px; }

.boot-style .has-feedback input[type="text"],
.boot-style .has-feedback select
{ padding-right: 31px; }

.boot-style .form-group.has-feedback.p-select select{ padding-right: 41px; }

.boot-style.boot-style-4 .form-group.has-feedback.has-error .form-control,
.boot-style.boot-style-4 .form-group.has-feedback.has-error .form-control:hover,
.boot-style.boot-style-4 .form-group.has-feedback.has-error .form-control:focus,
.boot-style.boot-style-4 .form-group.has-feedback.has-error .chosen-container,
.boot-style.boot-style-4 .form-group.has-feedback.has-error .dropdown-toggle { border-width: 0 0 1px 0; border-color: #ec6f5a; }

.boot-style.boot-style-4 .input-group-addon
{ border-width: 0 0 1px 0; }

.boot-style.boot-style-4 .form-group.has-feedback.has-success .form-control,
.boot-style.boot-style-4 .form-group.has-feedback.has-success .form-control:hover,
.boot-style.boot-style-4 .form-group.has-feedback.has-success .form-control:focus,
.boot-style.boot-style-4 .form-group.has-feedback.has-success .chosen-container,
.boot-style.boot-style-4 .form-group.has-feedback.has-success .dropdown-toggle { border-width: 0 0 1px 0; border-color: #4bc076; }

.boot-style.boot-style-4 .form-group.has-feedback.has-warning .form-control,
.boot-style.boot-style-4 .form-group.has-feedback.has-warning .form-control:hover,
.boot-style.boot-style-4 .form-group.has-feedback.has-warning .form-control:focus,
.boot-style.boot-style-4 .form-group.has-feedback.has-warning .chosen-container,
.boot-style.boot-style-4 .form-group.has-feedback.has-warning .dropdown-toggle { border-width: 0 0 1px 0; border-color: #f7c65f; }

.boot-style.boot-style-4 .form-group input:focus,
.boot-style.boot-style-4 .form-group input:hover,
.boot-style.boot-style-4 .form-group select:hover,
.boot-style.boot-style-4 .form-group select:focus,
.boot-style.boot-style-4 .form-group .form-control:hover,
.boot-style.boot-style-4 .form-group .form-control:focus { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.3); }


.boot-style-4 .has-feedback.has-error input,
.boot-style-4 .has-feedback.has-error select,
.boot-style-4 .has-feedback.has-error input:hover,
.boot-style-4 .has-feedback.has-error select:hover,
.boot-style-4 .has-feedback.has-error input:focus,
.boot-style-4 .has-feedback.has-error select:focus,
.boot-style-4 .has-feedback.has-error .border-focus
{ border-bottom: 1px solid #ec6f5a !important; }

.boot-style-4 .has-feedback.has-success input,
.boot-style-4 .has-feedback.has-success select,
.boot-style-4 .has-feedback.has-success input:hover,
.boot-style-4 .has-feedback.has-success select:hover,
.boot-style-4 .has-feedback.has-success input:focus,
.boot-style-4 .has-feedback.has-success select:focus,
.boot-style-4 .has-feedback.has-success .border-focus
{ border-bottom: 1px solid #4bc076 !important; }

.boot-style-4 .has-feedback.has-warning input,
.boot-style-4 .has-feedback.has-warning select,
.boot-style-4 .has-feedback.has-warning input:hover,
.boot-style-4 .has-feedback.has-warning select:hover,
.boot-style-4 .has-feedback.has-warning input:focus,
.boot-style-4 .has-feedback.has-warning select:focus,
.boot-style-4 .has-feedback.has-warning .border-focus
{ border-bottom: 1px solid #f7c65f !important; }

.boot-style-4 .has-feedback.has-error .input-group-addon,
.boot-style-4 .has-feedback.has-success .input-group-addon,
.boot-style-4 .has-feedback.has-warning .input-group-addon { border-right: none; border-top: none; }
.boot-style .chosen-container { display: block;}
.boot-style-4 .chosen-container-multi { border: none; overflow: unset; }
.boot-style-4 .chosen-container-multi:hover { border: none; }

/*start  of social tab to add id form-element-2.html*/
.social-tab a { border-radius: 0px;}
.social-tab .gtalk { background: #333 !important;}
.social-tab .gtalk a { color: #fff !important;}
.social-tab .fb { background: #3c599f !important; }
.social-tab .fb a { color: #fff !important;}

.social-tab .skype { background: #01aef2 !important; }
.social-tab .skype a { color: #fff !important; }

.social-tab .whatsapp { background: #0fae09 !important; }
.social-tab .whatsapp a { color: #fff !important; }

.social-tab .nav-tabs li { box-shadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.3) inset; transition: 0.5s; border: none !important;}
.social-tab .nav-tabs li:hover { box-shadow: 0px -41px 0px 0px rgba(0, 0, 0, 0.09) inset;	border: none !important;}
.social-tab .nav-tabs li.active a {background: none !important; border: none !important; }
.social-tab .nav-tabs li.active a:after { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff; border-image: none; border-style: solid; border-width: 6px;	bottom: 0; content: " "; height: 0;	left: 50%; margin-left: -10px; pointer-events: none; position: absolute; width: 0; }
.social-tab .tab-content { background: #fff;}
.social-tab .nav > li > a:hover,
.social-tab .nav > li > a:focus { background: inherit; border-radius: 0px; }

.social-tab.default-tab .nav-tabs li a:hover, 
.social-tab.default-tab .nav-tabs li a:focus,
.social-tab.default-tab .nav-tabs li.active a,
.social-tab.default-tab .nav-tabs li.active a:hover
{ background: transparent; box-shadow: inset 0 0 0 42px rgba(0,0,0,0.2); }

.social-tab .nav-tabs > li > a:hover { border: none !important; }
.social-tab .nav-tabs > li > a { border: none !important; }
.social-tab .tab-content ul li { position: relative; margin: 3px; background: rgba(0,0,0,0.09);
                                 box-shadow: inset 0 0 0 32px rgba(255, 255, 255, 0.3);     border-bottom: 1px solid rgba(0,0,0,0.09); }
.social-tab .tab-content ul li .user-email{line-height: 31px;}

.social-tab .tab-content input { width: 75%; border: 0px; height: 31px; padding-left: 5px; background: transparent;}
.social-tab .tab-content .icons { position: absolute; right: 8px; overflow: hidden; top: 3px; }
.social-tab .tab-content .icons .ic-common { height: 22px; line-height: 22px; float: right; text-align: center; transition: 0.4s; width: 20px; margin-top: 2px;}
.social-tab .tab-content .icons .submit-icon:hover { width: 63px; background: #4bc076; color: #fff !important; }
.social-tab .tab-content .icons .btn-icon .fa { font-size: 13px; color: rgba(0,0,0,0.3); line-height: 22px; }
.social-tab .tab-content .icons .submit-icon:hover .fa { color: #fff; }
.social-tab .tab-content .icons .btn-icon { display: inline; padding: 0 3px 0 1px; }
.social-tab .tab-content .icons .btn-text { display: inline; font-size: 11px; }
.social-tab .tab-content .icons .add-icon:hover { width: 63px; background: #55badf; color: #fff !important;}
.social-tab .tab-content .icons .add-icon:hover .fa { color: #fff; }
.social-tab .tab-content .icons .delete-icon:hover {width: 63px; background: #ec6f5a; color: #fff !important; }
.social-tab .tab-content .icons .delete-icon:hover .fa { color: #fff;}

.social-tab .tab-content .icons .edit-icon:hover { width: 63px; background: #f7c65f; color: #fff !important; }
.social-tab .tab-content .icons .edit-icon:hover .fa { color: #fff; }
.social-tab .tab-content .icons .label-gtalk { width: 63px !important; background: #333; color: #fff; }
.social-tab .tab-content .icons .label-gtalk .fa { color: #fff !important; }
.social-tab .tab-content .icons .label-fb { width: 73px !important;	background: #3c599f; color: #fff; }
.social-tab .tab-content .icons .label-fb .fa { color: #fff !important; }
.social-tab .tab-content .icons .label-skype { width: 63px !important; background: #01aef2; color: #fff;}
.social-tab .tab-content .icons .label-skype .fa { color: #fff !important; }
.social-tab .tab-content .icons .label-whatsapp { width: 78px !important; background: #0fae09; color: #fff; }
.social-tab .tab-content .icons .label-whatsapp .fa { color: #fff !important; }
.social-tab .tab-content .add-email{background: transparent; border: 1px dashed rgba(0, 0, 0, 0.15); margin: 3px;}
.social-tab .tab-content .add-email li{ background: rgba(0,0,0,0); border-bottom: none; margin: 0px;}
/*end of social tab to add id form-element-2.html*/

/*start price-list */
.price.style-1 { border: 2px solid rgba(0, 0, 0, 0.2); border-radius: 2px; background: rgba(255, 255, 255, 0.8);
                 transition: 0.5s; }
.price.style-1:hover { border-color: rgba(0,0,0,0.8); }
.price.style-1:hover .price-feature li { color: rgba(0, 0, 0, 0.8); }
.price.style-1:hover .pricing-footer p { color: rgba(0, 0, 0, 0.8); }
.price.style-1:hover .p-cost .p-doller { color: rgba(0, 0, 0, 0.8); }
.price.style-1:hover .p-cost .p-time { color: rgba(0, 0, 0, 0.8); }
.price.style-1 .p-heading { text-transform: uppercase; background: rgba(0, 0, 0, 0.8); border-radius: 2px 2px 0 0; color: rgba(255, 255, 255, 0.9); font-weight: 600; letter-spacing: 1px; box-shadow: 0px 5px 8px -9px rgba(0, 0, 0, 0.7); margin: -2px -2px 0 -2px; line-height: 42px;}
.price.style-1 .p-cost .p-doller { display: block; font-size: 56px; color: rgba(0, 0, 0, 0.8); }
.price.style-1 .p-cost .p-doller i { font-size: 28px; font-style: normal; font-weight: normal; position: relative; top: -16px;}



.price.style-1 .p-cost .p-time { display: block; margin-bottom: 10px; font-weight: 600; color: rgba(0, 0, 0, 0.8); }
.price.style-1 .pricing-footer, .price.style-2 .pricing-footer { padding: 15px; margin: 0 auto 10px; width: 238px;}
.price .pricing-footer p { font-size: 11px; transition: 0.5s;}

.price.style-1 .pricing-footer button,
.price.style-2 .pricing-footer button { width: 100%; }

.price.style-1 .price-feature li { line-height: 35px; border-top: 1px dashed rgba(0, 0, 0, 0.1); transition: 0.5s; }
.price.style-1 .price-feature li:last-child { border-bottom: 1px dashed rgba(0, 0, 0, 0.1); }
/*style-1 end*/
.price.style-2 { background: #fff; box-shadow: 0px 5px 8px 0 rgba(0, 0, 0, 0.18); border-width: 2px 2px 2px 2px; border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-radius: 3px 0 0px 3px; transition: 0.5s; }

.price.style-2.heighlight { border: 2px solid rgba(0,0,0,0.8); padding-top: 5px; margin-top: -11px; border-radius: 3px; position: relative; }
.price.style-2.heighlight:before { padding: 8px 15px; border-radius: 0 0 5px 5px; position: relative; background: rgba(0,0,0,0.8); border-radius: 0 0 2px 2px; color: #ffffff; content: "Recommended"; }
.price.style-2 .p-heading .p-title { font-size: 26px; margin: 10px 0 0; display: block; color: rgba(0, 0, 0, 0.8); transition: 0.5s; }
.price.style-2 .p-cost .p-doller { font-size: 21px; font-weight: bold; color: rgba(0, 0, 0, 0.8);	display: block; }
.price.style-2 .p-cost .p-doller i { font-style: normal; }
.price.style-2 .price-feature span { color: rgba(0, 0, 0, 0.8); font-size: 20px; transition: 0.5s; }
.price.style-2 .p-time { border-bottom: 1px dashed rgba(0, 0, 0, 0.15); display: inline-block; padding-bottom: 10px; text-align: center; width: 90px; margin-bottom: 10px; transition: 0.5s; }
.price.style-2 .pricing-footer { padding: 15px; }
.price.style-2 .price-feature li { line-height: 35px; transition: 0.5s; }

.price.style-2:hover .p-title, 
.price.style-2:hover .p-cost .p-time,
.price.style-2:hover.p-time, 
.price.style-2:hover .price-feature li,
.price.style-2:hover .price-feature li span,
.price.style-2:hover .pricing-footer p { color: rgba(0,0,0,0.8); }

.price.light-blue:hover { border-color: #55badf;}
.price.light-blue .p-heading { background: #55badf; }

.price.green:hover { border-color: #4BC076;}
.price.green .p-heading { background: #4BC076;}

.price.red:hover { border-color: #ec6f5a;}
.price.red .p-heading { background: #ec6f5a; }

.price.yellow:hover { border-color: #f7c65f;}
.price.yellow .p-heading { background: #f7c65f; }

.price.style-3 { background: #fff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); transition: 0.5s;}
.price.style-3 .p-heading .p-title { font-size: 26px; line-height: 80px; transition: 0.5s; }
.price.style-3 .p-cost { background: rgba(0,0,0,0.09); font-size: 30px; padding: 8px 0; line-height: 42px; position: relative; overflow: hidden; transition: 0.5s;}
.price.style-3 .p-cost:before { background: rgba(0, 0, 0,0.8); bottom: 0; content: ""; left: 0; position: absolute; top: 0; transition: all 0.5s ease 0s; width: 0%;}
.price.style-3 .p-cost i { font-size: 19px; font-style: normal; position: relative; top: -7px; }
.price.style-3 .p-time { font-size: 16px; position: relative; text-transform: lowercase; top: 3px;}
.price.style-3 .price-feature li { line-height: 35px; transition: 0.5s;}
.price.style-3 .pricing-footer { padding: 15px;}
.price.style-3.heighlight { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12)}
.price.style-3.heighlight .p-cost { background: rgba(0,0,0,0.8); color: rgba(255, 255, 255, 0.95); transition: 0.5s;}
.price.style-3 .p-cost .p-doller { position: relative;}
.price.style-3.heighlight .p-doller { color: rgba(255, 255, 255, 0.95);}
.price.style-3:hover { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
.price.style-3:hover .p-cost:before { width: 100%; }

.price.style-3:hover .p-cost, .price.style-3:hover .p-cost .p-doller { color: rgba(255, 255, 255, 0.95);  }
.price.style-3:hover .price-feature li, .price.style-3:hover .p-heading .p-title, .price.style-3:hover .pricing-footer p { color: rgba(0,0,0,0.8); }
.price.style-4 { background: #fff; box-shadow: 1px 21px 9px -16px rgba(0, 0, 0, 0.21);}
.price.style-4 .p-heading {  border-radius: 3px 3px 0 0; }
.price.style-4 .p-heading .p-title { text-transform: uppercase; color: rgba(0, 0, 0, 0.8); letter-spacing: 1px; font-weight: 600; display: block; padding-top: 20px; transition: 0.5s; }
.price.style-4 .p-cost .p-doller { font-size: 56px; color: rgba(0, 0, 0, 0.8); font-weight: 600; display: inline-block; position: relative; }
.price.style-4 .price-feature li { line-height: 35px; }


.price.style-4 .pricing-footer { padding: 15px;}
.price.style-4 .p-cost .p-doller i { font-weight: 600; font-style: normal; font-size: 19px; top: -20px; position: relative; }
.price.style-4 .p-cost { border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding-bottom: 5px; overflow: hidden;}
.price.style-4 .p-header{ background: rgba(0,0,0,0.09); box-shadow: inset 0 0 0 129px rgba(255, 255, 255, 0.35); }

.price.style-4 .p-time { transition: 0.5s; display: inline-block; position: relative; }
.price.style-4:hover .pricing-anim-2 { -webkit-animation: moveUp 0.4s forwards; animation: moveUp 0.4s forwards; -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); -webkit-animation-delay: 0.05s; animation-delay: 0.05s;}
.price.style-4:hover .pricing-anim-1 { -webkit-animation: moveUp 0.4s forwards; animation: moveUp 0.4s forwards; -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);}

@-webkit-keyframes moveUp {
    50% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    51% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    52% { opacity: 1; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes moveUp { 50% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
                    51% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }52% { opacity: 1; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
                    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.price.style-4 .p-time:before { content: "/";	padding: 0 2px; }
.price.style-4.heighlight .p-heading,.price.style-4.heighlight .p-cost { background: rgba(0,0,0,0.8); color: rgba(255, 255, 255, 0.95);margin-left: -1px; margin-right: -1px;}
.price.style-4.heighlight .p-title,
.price.style-4.heighlight .p-cost .p-doller,
.price.style-4.heighlight .p-time { color: rgba(255, 255, 255, 0.95) !important;}
.price.style-4.price { border-width: 1px 1px 1px 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.15); border-radius: 3px 3px 0 0;}
.price.style-4.heighlight { border-width: 1px 1px 1px 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.15); box-shadow: 1px 21px 9px -16px rgba(0, 0, 0, 0.3);}
.price.style-4 .price-feature li .fa-close { color: #ec6f5a; }

.price.style-4:hover .price-feature li, 
.style-4:hover .pricing-footer p, 
.style-4:hover .p-heading .p-title,
.style-4:hover .p-time {color: rgba(0,0,0,0.8);}
/*end  price-list */

/* btn button style */
.btn{ transition: 0.3s; border-radius: 0px; padding: 5px 12px; text-transform: capitalize; font-family: 'open_sansregular';  border-color: rgba(0,0,0,0.15); background: rgba(0,0,0,0.09); position: relative; } 

.btn .btn-txt { position: relative; }

.btn:hover,
.btn:focus, 
.btn:active:focus, 
.btn.active:focus, 
.btn.focus, 
.btn.focus:active, 
.btn.active.focus { outline: none; outline-offset: 0px; box-shadow: inset 0 42px 0 0px rgba(0, 0, 0, .09); }

.btn-primary,
.ui-pnotify-container .btn.btn-default.btn-primary,
.error-msg.primary-msg .btn
{ border-color: rgba(0,0,0,0.15) !important; background-repeat: repeat-x; background: #649ae1 !important; color: #fff !important;}

.btn-primary:hover,
.btn-primary:focus,
.ui-pnotify-container .btn.btn-default.btn-primary:hover,
.ui-pnotify-container .btn.btn-default.btn-primary:focus,
.error-msg.primary-msg .btn:hover,
.error-msg.primary-msg .btn:focus
{ background: #649ae1; box-shadow: inset 0 34px 0 0px rgba(0, 0, 0, .2);}

.status.s-inprocess,
.status.s-active,
.status.s-yes,
.status.s-complete,
.btn-success,
.ui-pnotify-container .btn.btn-default.btn-success,
.error-msg.success-msg .btn
{ color: #ffffff ; border-color: rgba(0,0,0,0.15) ; background: #4bc076 !important;}

.btn-success:hover,
.btn-success:focus,
.ui-pnotify-container .btn.btn-default.btn-success:hover,
.ui-pnotify-container .btn.btn-default.btn-success:focus,
.error-msg.success-msg .btn:hover,
.error-msg.success-msg .btn:focus
{ background: #4bc076 !important; box-shadow: inset 0 34px 0 0px rgba(0, 0, 0, 0.2);}

.status.s-inqueue,
.status.s-inactive,
.btn-light-success{ color: #ffffff; background: #37bc9b !important; border-color: rgba(0,0,0,0.15);}

.status.s-inactive:hover, 
.status.s-inactive:focus,
.btn-light-success:hover, 
.btn-light-success:focus{background: #37bc9b; box-shadow: inset 0 34px 0 0px rgba(0, 0, 0, .2); }

.btn-xs i { line-height: 18px;}
.btn-dark { background: rgba(0, 0, 0, 0.6) !important; color: #ffffff; border-color: rgba(0, 0, 0, 0.15);}

.btn-dark:hover,
.btn-dark:focus { background: rgba(0, 0, 0, 0.6); color: #ffffff; box-shadow: inset 0 34px 0 0px rgba(0, 0, 0, .2);}

.btn.btn-danger,
.status.s-fail,
.status.s-no,
.status.s-rejected,
.status.s-blocked,
.ui-pnotify-container .btn.btn-default.btn-danger,
.error-msg.danger-msg .btn
{ border-color: rgba(0,0,0,0.15); color: #ffffff; background: #EC6F5A !important;}

.btn.btn-danger:hover,.btn-danger:focus,
.ui-pnotify-container .btn.btn-default.btn-danger:hover,
.ui-pnotify-container .btn.btn-default.btn-danger:focus,
.error-msg.danger-msg .btn:hover,.error-msg.danger-msg .btn:focus
{ background: #EC6F5A; color: #ffffff; box-shadow: inset 0 34px 0 0px rgba(0, 0, 0, 0.2);}

.btn.btn-warning,
.status.s-stopped,
.s-pending.status,
.ui-pnotify-container .btn.btn-default.btn-warning,
.error-msg.warning-msg .btn
{ border-color: rgba(0,0,0,0.15); color: #ffffff; background: #f7c65f !important; }

.btn.btn-warning:hover,.btn-warning:focus,
.ui-pnotify-container .btn.btn-default.btn-warning:hover,
.ui-pnotify-container .btn.btn-default.btn-primary:focus,
.error-msg.warning-msg .btn:hover,
.error-msg.warning-msg .btn:focus
{ background: #f7c65f; color: #ffffff; box-shadow: inset 0 34px 0 0px rgba(0, 0, 0, 0.2);}

.btn.btn-info,
.ui-pnotify-container .btn.btn-default.btn-info,
.status.s-sent
{ color: #ffffff; border-color: rgba(0,0,0,0.15) !important; background: #55badf !important;}

.btn.btn-info:hover,.btn-info:focus,
.ui-pnotify-container .btn.btn-default.btn-info:hover,
.ui-pnotify-container .btn.btn-default.btn-info:focus
{ background: #55badf; color: #ffffff; box-shadow: inset 0 34px 0 0px rgba(0, 0, 0, 0.2);}

.btn.btn-def-3d {border-width: 0 0 3px 0;}
.btn.btn-inverse.btn-def-3d { border-width: 1px 1px 3px 1px; }

.btn.btn-default { background-color: rgba(0,0,0,0.09) !important; border-color: rgba(0,0,0,0.15); color: rgba(0,0,0,0.7);}
.btn-default:hover, 
.btn-default:focus, 
.btn-default.focus, 
.btn-default:active, 
.btn-default.active, 
.open > .dropdown-toggle.btn-default{ background-color: #fff; box-shadow: inset 0 34px 0 0px rgba(0, 0, 0, 0.09); }

.btn.btn-grad{ background: linear-gradient(#FFF, #EEE) !important; transition: 0.5s; border-color: rgba(0,0,0,0.15); color: rgba(0,0,0,0.7);}
.btn.btn-grad.active, 
.btn.btn-grad:hover, 
.btn.btn-grad:focus { background: linear-gradient(#FFF, #EEE); box-shadow: inset 0 34px 0 0px rgba(0, 0, 0, .2); color: rgba(255, 255, 255, 0.9) !important; }

.btn.btn-inverse { background: none !important; }

.btn.btn-primary.btn-inverse{border-color:#649ae1 !important; color: #649ae1 !important;}
.btn.btn-dark.btn-inverse { color: rgba(0, 0, 0, 0.6); border-color: rgba(0,0,0,0.6);}
.btn.btn-danger.btn-inverse { color: #ec6f5a !important; border-color:#ec6f5a;}
.btn.btn-info.btn-inverse { color: #55badf !important; border-color: #55badf; }
.btn.btn-warning.btn-inverse { color: #f7c65f !important; border-color: #f7c65f; }
.btn.btn-success.btn-inverse { color: #4bc076 !important; border-color: #4bc076; }
.btn.btn-inverse.btn-light-success{ color: #37bc9b; border-color: #37bc9b; }

.btn.btn-primary.btn-inverse:hover,
.btn.btn-primary.btn-inverse:focus { background: #649ae1 !important; color: #fff !important;  }

.btn.btn-success.btn-inverse:hover,
.btn.btn-success.btn-inverse:focus { background: #4bc076 !important; color: #fff !important;}

.btn.btn-dark.btn-inverse:hover, 
.btn.btn-dark.btn-inverse:focus { background: rgba(0, 0, 0, 0.6) !important ; color: #fff; }


.btn.btn-danger.btn-inverse:hover, 
.btn.btn-danger.btn-inverse:focus { background: #ec6f5a !important; color: #fff !important; }

.btn.btn-info.btn-inverse:hover,
.btn.btn-info.btn-inverse:focus { background: #55badf !important; color: #fff !important;  }

.btn.btn-warning.btn-inverse:hover, 
.btn.btn-warning.btn-inverse:focus { background: #f7c65f !important; color: #fff !important	; }

.btn.btn-icon-bg i, .btn.btn-icon-bg .icon{ line-height: 30px; padding: 0 12px; margin: 0px; background: rgba(255, 255, 255, 0.15); }

.btn.btn-icon-bg .btn-txt { padding: 5px 10px; }
.btn.btn-sm.btn-icon-bg,.btn.btn-lg.btn-icon-bg
{ padding: 0px !important;}
.btn.btn-lg.btn-icon-bg i {	line-height: 34px;}
.btn.btn-lg.btn-icon-bg .btn-txt { padding: 5px 10px;}
.btn-left .fa,.btn-left .icon,
.btn-left i { float: left; margin-right: 8px;}
.btn-left .btn-txt { float: left;  }
.btn-right .fa,.btn-right .icon { float: right; margin-left: 8px;}
.btn-right .btn-txt { float: right}
.btn-md .fa, .btn-md .icon {font-size: 14px !important;}
.btn-sm .fa, .btn-sm .icon {font-size: 12px !important;}
.btn-lg .fa, .btn-lg .icon {font-size: 18px !important;}

.btn-md .fa, .btn-md .icon,
.btn-sm .fa, .btn-sm .icon{line-height: 18px;}

.btn-lg .fa, .btn-lg .icon{line-height: 24px;}

.btn.btn-icon-bg{padding: 0px;}
.btn.btn-default.btn-icon-bg i,.btn.btn-default.btn-icon-bg .icon{ background: rgba(0, 0, 0, 0.1); }
.justified-btn.btn { width: 100%; }
.btn.apply-btn, .btn.cancel-btn { padding: 3px 12px; }
/*advance button effect*/
.btn.skew-btn { overflow: hidden; position: relative; }
.btn.skew-btn:hover::after { left: 160%; }

.btn.skew-btn::after { background: #fff; content: ""; height: 155px; left: -75px; opacity: 0.2; position: absolute; top: -50px; transform: skewX(30deg); transition-timing-function: cubic-bezier(0.4, 0, 0.5, 1); width: 50px; z-index: 2; transition-duration: 0.3s; }

.btn.left-shadow { box-shadow: 5px 5px 0 -5px rgba(0, 0, 0, .09) inset; }
.btn.left-shadow:hover { box-shadow: 165px 5px 0 -5px rgba(0, 0, 0,0.2) inset; }
.btn.right-shadow { box-shadow: 0px 0px 0 0px rgba(0, 0, 0, .09) inset; }
.btn.right-shadow:hover { box-shadow: -165px 0 0 0 rgba(0, 0, 0, 0.2) inset; }
.btn.top-shadow { box-shadow: 5px 5px 0 -5px rgba(0, 0, 0, .09) inset; }
.btn.top-shadow:hover { box-shadow: 5px 165px 0 -5px rgba(0, 0, 0, 0.2) inset; }
.btn.bottom-shadow { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .09) inset; }
.btn.bottom-shadow:hover { box-shadow: 0px -165px 0px 0px rgba(0, 0, 0, 0.2) inset; }
/*end-btn*/

/*notification*/
.close-lft-overlap-mnu .rgt-mnu  { margin-right: 0px; }
.panel { position: relative;  border-radius: 0px; box-shadow: none; margin-bottom: 20px; border-color: rgba(0,0,0,0.15); }
.panel-heading { padding: 0px 15px; border-radius: 0px; font-weight: 600; border-bottom: 1px solid rgba(0,0,0,0.09); width: 100%; line-height: 35px;  }
.panel-heading a,
.panel-heading,
.panel-body,
.toggle-collapse .list-inline.tools
{color: rgba(0,0,0,0.6);}
.dash-chart .vis-statics li a { margin-bottom: 10px; display: inline-block; color: rgba(0, 0, 0, 0.6); }
.dash-chart .vis-statics li span { color: rgba(0, 0, 0, 0.6); font-size: 12px; }
.dash-chart .date-range-picker { position: absolute; right: 10px; top:10px; z-index: 1; }
.dash-chart .data-list .panel-title { padding: 0px 10px; background: rgba(0, 0, 0, 0.09); line-height: 35px; 
                                      box-shadow: inset 0 0 0 35px rgba(255, 255, 255, 0.3); }

.dash-chart .vis-statics li { padding: 0 10px }
.dash-chart .date-range-picker .btn-left.btn-inverse:hover .btn-txt { color: rgba(0, 0, 0, 0.8); }


.up:before { content: "\e6dd"; font-family: icomoon; display: inline-block; font-style: normal; font-weight: 400; font-size: 13px;}
.up.success-icon:before { color: #4bc076;  }
.down.danger-icon:before { color: #ec6f5a; padding-right: 5px; }
.down:before { content: "\e797"; font-family: icomoon; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-size: 13px; }
.state-chart li .up:before{padding-right: 5px;}

body { background: rgba(0, 0, 0, 0.09); font-family: 'open_sansregular' !important; font-size: 13px; font-weight: 400; line-height: 1.5; color: rgba(0, 0, 0, 0.6);	position: relative; overflow-x: hidden !important;}

/*body { opacity: 0; }*/
body.loaded { opacity: 1; }
.login-loading-effect {min-height: 100%; height: 100%; opacity: 1;}
.main-content { transition: 0.5s; display: block; padding: 20px 20px 20px 20px; position: relative; }

/* if given to  main-content daterange picker not placed proper position  */

.main-content{ margin-bottom:42px; }
.main-content{ margin-top:42px; }
.close-lft-overlap-mnu  .main-content
{ margin-left: 0px;margin-right: 0px; }
/*
body .icon-mnu
{ position: unset; }
*/
body.third-mnu { position: relative; }
body.box-lyt{width:1200px;margin: 0 auto;}

.open-sidebar  .main-header,
.sidechat-open  .main-header,
.cross  .main-header
{ z-index: 12;}

.close-lft-overlap-mnu  .main-header{z-index: 12;}
.main-header { background-color: #fff; border-bottom: 1px solid rgba(0,0,0,0.15); height: 43px; position: absolute; left: 0px; right: 0px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); }
.main-header { position: fixed; left: 0px; }

.main-header .user { float: right; list-style-type: none; margin-right: 0px !important; }
.main-header .user li { float: left; position: relative; border-left: 1px solid rgba(0,0,0,0.09); }
.main-header .user li.sidebar-open a i { font-size: 17px !important; }
.main-header .user li a { color: rgba(0, 0, 0, 0.6); float: left; cursor: pointer; display: inline-block; padding-left: 12px; padding-right: 12px; padding-top: 0px !important; padding-bottom: 0px !important;  box-shadow: inset 0 0 0 42px rgba(255, 255, 255, 0); line-height: normal; }
.main-header .user li a:hover .search-nav #sb-button{  background: #fff; box-shadow: inset 0 0 0 42px rgba(0,0,0,0.09); }
.main-header .user li a:hover .search-nav.open-sb #sb-button{ background: transparent;box-shadow: none;}
.main-header .user-setting > a > .title{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70px; display: inline-block;}
.main-header .user-setting{position: relative; border-left: 1px solid rgba(0,0,0,0.09); float: left;}
.main-header .user-setting a{ line-height: 42px; color: rgba(0,0,0,0.6); display: block; padding: 0 12px; transition: 0.5s; overflow: hidden !important; height: 42px;}
.main-header .user-setting a:hover,
.main-header .user-setting.open > a
{box-shadow: inset 0 0 0 42px rgba(0,0,0,0.09);  }
.main-header .user-setting a .icon{ line-height: 42px; }
/* ==== resoponsive-more-menu ==== */
.main-header .more-navbar{display: none;}
/* start drop-down style*/
.header-dropdown li a span { height: 20px; line-height: 20px; left: auto !important; }
.header-dropdown.dropdown-menu { padding: 0px; font-size: 13px !important; left: 0; }
.header-dropdown li a i { font-size: 14px; line-height: 42px; }
.header-dropdown li a .title{padding-left: 12px;}
.header-dropdown li a .label-warning { top: 10.5px; height: 20px; }
.header-dropdown {border: 1px solid rgba(0, 0, 0, .09); border-top-color: #9a9a9a; left: auto !important; list-style-type: none !important;  z-index: 11 !important; border-radius: 0px; width: 250px; background-color: #fff !important; top: 100% !important; box-shadow:0 6px 12px rgba(0, 0, 0, 0.176) !important; border-top-width: 3px!important; border-top-style: solid; display: none; margin: 0px; border-left: none; border-right: none; }
.header-dropdown::after { border-color: transparent transparent; border-style: solid; border-width: 0 10px 10px; bottom: 100%; content: ""; height: 0; position: absolute; left: 8px; width: 0; border-bottom-color:#9a9a9a; }
.header-dropdown li { border-top: 1px solid rgba(0,0,0,0.09) !important; width: 100%;}
.header-dropdown li a { clear: both; display: block; height: 42px; line-height: 42px; padding: 0 12px; white-space: nowrap; position: relative; font-weight: normal; width: 100%;  background: #fff !important; box-shadow: inset 0 0 0 42px RGBA(0, 0, 0, 0);}
.header-dropdown li a:hover,.header-dropdown li a:focus{ box-shadow: inset 0 0 0 42px rgba(0, 0, 0, 0.09); color: inherit; }

.header-dropdown li a i { box-sizing: content-box; }
.header-dropdown.left-open { left: 0 !important; }
.header-dropdown.right-open { right: 0 !important; }
.header-dropdown.left-open::after{left:8px;right: auto;}
.header-dropdown.right-open::after{right:8px; left: auto;}
.main-header .user-setting.open > a > .fa{transform: rotate(180deg);}

.header-dropdown li.dropdown-header{ font-weight: 600; box-shadow: inset 0 0 0 42px rgba(0, 0, 0, 0.05); line-height: 42px;  font-size: 13px; padding-top: 0px; padding-bottom: 0px;}
/* end drop-down style*/

/*sidebar-menu css all here*/
.sidebar-menu.operation-menu,
.rgt-mnu  .sidebar-menu.operation-menu,
.nonoly-lyt.rgt  .sidebar-menu.operation-menu
{ display: none; }
.two-mnu .sidebar-menu.operation-menu,
.two-mnu.nonoly-lyt .sidebar-menu.operation-menu,
.two-mnu.third-mnu .sidebar-menu.operation-menu,
.two-mnu.icon-mnu .sidebar-menu.operation-menu
{ display: block; }	

.sidebar-menu,
.two-mnu.nonoly-lyt .sidebar-menu.operation-menu,
.two-mnu .sidebar-menu.operation-menu
{ display: block; bottom: 0; left: 0px; box-shadow: 0 4px 0 4px rgba(0, 0, 0, 0.3); top: 42px; transition: 0.5s; width: 300px; z-index: 11; position: fixed; font-weight: 600; background: #fff; font-family: 'open_sansregular' !important;}

.sidebar-menu ul.submenu-more{ display: none; }

.sidebar-menu ul li:hover > a,
.sidebar-menu ul li a:hover,
.sidebar-menu ul li a:focus,
.sidebar-menu ul li a.active,
.sidebar-menu ul li a.active:hover,
.sidebar-menu ul li a.active:focus
{ color: rgba(0, 0, 0, 0.8); box-shadow: inset 0 0 0 42px rgba(0, 0, 0, 0.09); }

/* ==== badge ===== */
.sidebar-menu ul li a .badge{  position: relative; margin-top: 13px; margin-right: 12px; float: right;  }

.first-mnu .sidebar-menu ul li a .badge,
.two-mnu .sidebar-menu.main-menu ul li a .badge,
.two-mnu.nonoly-lyt  .sidebar-menu.main-menu ul li a .badge,
.two-mnu.third-mnu  .sidebar-menu.main-menu ul li a .badge,
.two-mnu.icon-mnu  .sidebar-menu.main-menu ul li a .badge
{   margin-left: 5px; float: right; margin-right: 0px;}

.third-mnu .sidebar-menu ul li a .badge
{ position: absolute; bottom: 50%; right: 12px; margin-bottom: -8px; margin-right: 0px; }
.icon-mnu .sidebar-menu ul li a .badge,
.two-mnu.icon-mnu .sidebar-menu.operation-menu ul li a .badge
{ position: absolute; right: 4px; bottom: 50%; margin-bottom: -2px; margin-right: 0px; }

.icon-mnu .sidebar-menu ul.sub-nav li a .badge,
.icon-mnu .sidebar-menu ul.stybdr li a .badge,
.two-mnu.icon-mnu .sidebar-menu.operation-menu ul.sub-nav li a .badge,
.two-mnu.icon-mnu .sidebar-menu.operation-menu ul.stybdr li a .badge
{ position: relative; margin-top: 13px; float: right; right: auto; margin-right: 12px; }

.first-mnu .sidebar-menu ul.nav-menu > li > a.active,
.first-mnu .sidebar-menu ul.nav-menu > li > a.active:hover,
.first-mnu .sidebar-menu ul.nav-menu  > li > a.active:focus,
.first-mnu .sidebar-menu ul.more-mnu > li > a.active,
.first-mnu .sidebar-menu ul.more-mnu > li > a.active:hover,
.first-mnu .sidebar-menu ul.more-mnu  > li > a.active:focus,
.two-mnu .sidebar-menu.main-menu  ul.nav-menu > li > a.active,
.two-mnu .sidebar-menu.main-menu  ul.nav-menu > li > a.active:hover,
.two-mnu .sidebar-menu.main-menu  ul.nav-menu  > li > a.active:focus,
.two-mnu .sidebar-menu.main-menu  ul.more-mnu > li > a.active,
.two-mnu .sidebar-menu.main-menu  ul.more-mnu > li > a.active:hover,
.two-mnu .sidebar-menu.main-menu  ul.more-mnu  > li > a.active:focus,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu  ul.nav-menu > li > a.active,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu  ul.nav-menu > li > a.active:hover,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu  ul.nav-menu  > li > a.active:focus,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu  ul.more-mnu > li > a.active,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu  ul.more-mnu > li > a.active:hover,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu  ul.more-mnu  > li > a.active:focus,
.two-mnu.third-mnu .sidebar-menu.main-menu  ul.nav-menu > li > a.active,
.two-mnu.third-mnu .sidebar-menu.main-menu  ul.nav-menu > li > a.active:hover,
.two-mnu.third-mnu .sidebar-menu.main-menu  ul.nav-menu  > li > a.active:focus,
.two-mnu.third-mnu .sidebar-menu.main-menu  ul.more-mnu > li > a.active,
.two-mnu.third-mnu .sidebar-menu.main-menu  ul.more-mnu > li > a.active:hover,
.two-mnu.third-mnu .sidebar-menu.main-menu  ul.more-mnu  > li > a.active:focus,
.two-mnu.icon-mnu .sidebar-menu.main-menu  ul.nav-menu > li > a.active,
.two-mnu.icon-mnu .sidebar-menu.main-menu  ul.nav-menu > li > a.active:hover,
.two-mnu.icon-mnu .sidebar-menu.main-menu  ul.nav-menu  > li > a.active:focus,
.two-mnu.icon-mnu .sidebar-menu.main-menu  ul.more-mnu > li > a.active,
.two-mnu.icon-mnu .sidebar-menu.main-menu  ul.more-mnu > li > a.active:hover,
.two-mnu.icon-mnu .sidebar-menu.main-menu  ul.more-mnu  > li > a.active:focus
{ border-bottom: 2px solid #649ae1; border-left:none; margin-top: -1px; }

.sidebar-menu ul li a.active,
.sidebar-menu ul li a.active:hover,
.sidebar-menu ul li a.active:focus { border-left: 2px solid #649ae1; }

.sidebar-menu ul li{position: relative;}
.sidebar-menu ul li a { line-height: 42px; cursor: pointer; transition: 0.5s; padding: 0 12px; display: block; color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 42px rgba(0, 0, 0, 0); position: relative; }
.sidebar-menu ul li a.change-mnu {padding: 0px;}
.sidebar-menu .more-mnu .submenu-more > li { clear: both; border-left: none;  }

.first-mnu .sidebar-menu .forth-lvl,
.third-mnu .sidebar-menu .forth-lvl,
.two-mnu .sidebar-menu.main-menu .forth-lvl,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .forth-lvl,
.two-mnu.third-mnu .sidebar-menu.main-menu .forth-lvl,
.two-mnu.icon-mnu .sidebar-menu.main-menu .forth-lvl
{ width: 100%;  position: relative; display: none; }

.first-mnu .sidebar-menu ul.more-mnu .submenu-more .stybdr li,
.two-mnu .sidebar-menu.main-menu ul.more-mnu .submenu-more .stybdr li,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu ul.more-mnu .submenu-more .stybdr li,
.two-mnu.third-mnu .sidebar-menu.main-menu ul.more-mnu .submenu-more .stybdr li,
.two-mnu.icon-mnu .sidebar-menu.main-menu ul.more-mnu .submenu-more .stybdr li
{border-left: none;}

.first-mnu .right-box-scroll
{ margin-left: 320px; }

.first-mnu .sidebar-menu ul,
.two-mnu .sidebar-menu.main-menu ul,
.two-mnu.nonoly-lyt  .sidebar-menu.main-menu ul,
.two-mnu.third-menu  .sidebar-menu.main-menu ul,
.two-mnu.icon-menu  .sidebar-menu.main-menu ul
{ float: left; border-right: 1px solid rgba(0,0,0,0.1); }

.lft-mnu  .sidebar-menu,
.rgt-mnu  .sidebar-menu,
.first-mnu  .sidebar-menu,
.third-mnu  .sidebar-menu,
.sidebar-menu,
.two-mnu  .sidebar-menu.main-menu,
.two-mnu.icon-mnu  .sidebar-menu.main-menu,
.two-mnu.third-mnu  .sidebar-menu.main-menu,
.two-mnu .sidebar-menu.operation-menu,
.two-mnu.nonoly-lyt .sidebar-menu.operation-menu,
.two-mnu.third-mnu .sidebar-menu.operation-menu,
.two-mnu.icon-mnu .sidebar-menu.operation-menu
{ position: fixed; }

.first-mnu .submenu-more,
.two-mnu .sidebar-menu.main-menu .submenu-more,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more,
.two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more,
.two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more
{ width: 250px !important;}

.first-mnu  .sidebar-menu .menu-status .wm-wrpr,
.third-mnu  .sidebar-menu .menu-status .wm-wrpr,
.icon-mnu  .sidebar-menu .menu-status .wm-wrpr,
.two-mnu  .sidebar-menu.main-menu .menu-status .wm-wrpr,
.two-mnu .sidebar-menu.main-menu .menu-status .wm-wrpr,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .menu-status .wm-wrpr,
.two-mnu.third-mnu .sidebar-menu.main-menu .menu-status .wm-wrpr,
.two-mnu.icon-mnu .sidebar-menu.main-menu .menu-status .wm-wrpr,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .menu-status .wm-wrpr
{ display: none; }

.first-mnu .sidebar-menu .nav-menu .stybdr.left-open,
.two-mnu .sidebar-menu.main-menu .nav-menu .stybdr.left-open,
.two-mnu.nonoly-lyt  .sidebar-menu.main-menu .nav-menu .stybdr.left-open,
.two-mnu.third-mnu  .sidebar-menu.main-menu .nav-menu .stybdr.left-open,
.two-mnu.icon-mnu  .sidebar-menu.main-menu .nav-menu .stybdr.left-open
{ left: -100%; }

.first-mnu  .sidebar-menu .nav-menu .stybdr.right-open,
.two-mnu  .sidebar-menu.main-menu .nav-menu .stybdr.right-open,
.two-mnu.nonoly-lyt  .sidebar-menu.main-menu .nav-menu .stybdr.right-open,
.two-mnu.third-mnu  .sidebar-menu.main-menu .nav-menu .stybdr.right-open,
.two-mnu.icon-mnu  .sidebar-menu.main-menu .nav-menu .stybdr.right-open
{ right: -100%; }

.first-mnu  .sidebar-menu ul.nav-menu >li > ul > li > a > i,
.first-mnu  .sidebar-menu ul.nav-menu li ul.stybdr li a i,
.two-mnu .sidebar-menu.main-menu ul.nav-menu >li > ul > li > a > i,
.two-mnu .sidebar-menu.main-menu ul.nav-menu li ul.stybdr li a i,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu ul.nav-menu >li > ul > li > a > i,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu ul.nav-menu li ul.stybdr li a i,
.two-mnu.third-mnu .sidebar-menu.main-menu ul.nav-menu >li > ul > li > a > i,
.two-mnu.icon-mnu .sidebar-menu.main-menu ul.nav-menu li ul.stybdr li a i
{/* padding-left: 12px;*/ padding-right: 12px; transition: 0.5s; }

.first-mnu .sidebar-menu ul li a,
.two-mnu .sidebar-menu.main-menu ul li a,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu ul li a,
.two-mnu.third-mnu .sidebar-menu.main-menu ul li a,
.two-mnu.icon-mnu .sidebar-menu.main-menu ul li a
{ padding: 0px 12px; } 

.first-mnu .sidebar-menu ul li,
.two-mnu .sidebar-menu.main-menu ul li,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu ul li,
.two-mnu.third-mnu .sidebar-menu.main-menu ul li,
.two-mnu.icon-mnu .sidebar-menu.main-menu ul li
{ float: left; }

.first-mnu .sidebar-menu ul > li,
.two-mnu .sidebar-menu.main-menu ul > li,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu ul > li,
.two-mnu.third-mnu .sidebar-menu.main-menu ul > li,
.two-mnu.icon-mnu .sidebar-menu.main-menu ul > li
{ border-left: 1px solid rgba(0, 0, 0, 0.09); }

.first-mnu .sidebar-menu ul.more-mnu > li,
.two-mnu .sidebar-menu.main-menu ul.more-mnu > li,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu ul.more-mnu > li,
.two-mnu.thirdy-mnu .sidebar-menu.main-menu ul.more-mnu > li,
.two-mnu.icon-mnu .sidebar-menu.main-menu ul.more-mnu > li
{ border-right: 1px solid rgba(0, 0, 0, 0.09); }

.first-mnu .sidebar-menu .nav-menu > li:first-child,
.two-mnu .sidebar-menu.main-menu .nav-menu > li:first-child,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li:first-child
{ border-left: 0px !important; }

.first-mnu .sidebar-menu .nav-menu li a span.title,
.two-mnu .sidebar-menu.main-menu .nav-menu li a span.title,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu li a span.title,
.two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu li a span.title,
.two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu li a span.title
{ padding-left: 0px; }

.first-mnu .sidebar-menu,
.two-mnu .sidebar-menu.main-menu,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu,
.two-mnu.third-mnu .sidebar-menu.main-menu,
.two-mnu.icon-mnu .sidebar-menu.main-menu
{ overflow: visible;  z-index: 13; float: left; height: 42px; box-shadow: none; left: 0px; position: fixed; top: 0; bottom: auto; width: auto; font-size: 12px; font-weight: normal; }

.two-mnu .sidebar-menu.main-menu,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu,
.two-mnu.third-mnu .sidebar-menu.main-menu,
.two-mnu.icon-mnu .sidebar-menu.main-menu
{ left: 42px !important; }

.first-mnu .sidebar-menu ul li i,
.two-mnu .sidebar-menu.main-menu ul li i,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu ul li i,
.two-mnu.third-mnu .sidebar-menu.main-menu ul li i,
.two-mnu.icon-mnu .sidebar-menu.main-menu ul li i
{ width: auto; padding-right: 12px; }

.first-mnu .sidebar-menu .caret-1,
.two-mnu .sidebar-menu.main-menu .caret-1,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .caret-1,
.two-mnu.third-mnu .sidebar-menu.main-menu .caret-1,
.two-mnu.icon-mnu .sidebar-menu.main-menu .caret-1
{ margin-right: 0px; margin-top: 19px; margin-left: 6px; }

.first-mnu .sidebar-menu .nav-menu > li > ul.sub-nav,
.first-mnu .sidebar-menu .submenu-more,
.two-mnu .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav,
.two-mnu .sidebar-menu.main-menu .submenu-more,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more,
.two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav,
.two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more
.two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav,
.two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more
{ position: absolute; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); border-top: 3px solid #9a9a9a !important; left: 0px; width: 250px; }

.first-mnu .sidebar-menu .nav-menu > li > ul.sub-nav:after,
.first-mnu .submenu-more:after,
.two-mnu  .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav:after,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav:after,
.two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav:after,
.two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav:after,
.two-mnu .sidebar-menu.main-menu .submenu-more:after
{ border-color: transparent transparent #9a9a9a; border-style: solid; border-width: 0 10px 10px; bottom: 100%; content: ""; height: 0; position: absolute; left: 8px; width: 0; }

.first-mnu  .sidebar-menu .nav-menu > li > ul.sub-nav li,
.first-mnu .submenu-more li,
.two-mnu  .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav li,
.two-mnu .sidebar-menu.main-menu .submenu-more li,
.two-mnu.nonoly-lyt  .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav li,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more li,
.two-mnu.third-mnu  .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav li,
.two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more li,
.two-mnu.icon-mnu  .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav li,
.two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more li
{ clear: both; width: 100%; }

.first-mnu .sidebar-menu .stybdr > li > a:hover,
.two-mnu .sidebar-menu.main-menu .stybdr > li > a:hover,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .stybdr > li > a:hover,
.two-mnu.third-mnu .sidebar-menu.main-menu .stybdr > li > a:hover,
.two-mnu.icon-mnu .sidebar-menu.main-menu .stybdr > li > a:hover
{ border-left: none !important; }

.first-mnu .sidebar-menu .nav-menu li:last-child,
.two-mnu .sidebar-menu.main-menu .nav-menu li:last-child,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu li:last-child,
.two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu li:last-child,
.two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu li:last-child
{ border-right: none; }

.first-mnu  .sidebar-menu .more-mnu .forth-lvl:before,
.two-mnu  .sidebar-menu.main-menu .more-mnu .forth-lvl:before,
.two-mnu.nonoly-lyt  .sidebar-menu.main-menu .more-mnu .forth-lvl:before
{ left: 14px; }

.first-mnu .sidebar-menu .more-mnu > li  ul.sub-nav.right-open,
.two-mnu .sidebar-menu.main-menu .more-mnu > li  ul.sub-nav.right-open,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .more-mnu > li  ul.sub-nav.right-open,
.two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu > li  ul.sub-nav.right-open,
.two-mnu.icon-lyt .sidebar-menu.main-menu .more-mnu > li  ul.sub-nav.right-open
{ right: -100% !important; }

.first-mnu .sidebar-menu .more-mnu > li  ul.sub-nav.left-open,
.two-mnu .sidebar-menu.operation-menu .more-mnu > li  ul.sub-nav.left-open,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .more-mnu > li  ul.sub-nav.left-open,
.two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu > li  ul.sub-nav.left-open,
.two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu > li  ul.sub-nav.left-open
{ left: -100% !important; }

.first-mnu .sidebar-menu .nav-menu > li > ul.sub-nav.right-open::after,
.two-mnu .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav.right-open::after,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav.right-open::after,
.two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav.right-open::after,
.two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav.right-open::after
{right: 8px;}

.first-mnu .sidebar-menu .nav-menu > li > ul.sub-nav.left-open,
.two-mnu .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav.left-open,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav.left-open,
.two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav.left-open,
.two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav.left-open
{ left: -1px; }

.first-mnu .sidebar-menu .nav-menu > li > ul.sub-nav.left-open::after,
.two-mnu .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav.left-open::after,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav.left-open::after,
.two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav.left-open::after,
.two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav.left-open::after
{ left: 8px; }

.first-mnu .submenu-more .sub-nav,
.two-mnu .sidebar-menu.main-menu .submenu-more .sub-nav,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more .sub-nav,
.two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more .sub-nav,
.two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more .sub-nav
{  position: relative; left: 0; top: 0px; box-shadow: none; width: 100%; }


.close-lft-overlap-mnu .first-mnu .sidebar-menu{ left: 0px; }
.first-mnu #sidebar-right .mails_sidebar.data-visiblity,
.first-mnu #sidebar-right .mails_sidebar.menu-style
{ display: none;  }

.more-mnu { display: none; }
.third-mnu .sidebar-menu ul li i
{line-height: normal;}
.third-mnu .sidebar-menu .nav-menu  > li,
.third-mnu .sidebar-menu .more-mnu  > li
{ border-bottom: 1px solid rgba(0,0,0,0.09); }

.third-mnu .sidebar-menu .nav-menu  > li > a,
.third-mnu .sidebar-menu .more-mnu  > li > a{ padding: 12px 0; text-align: center; line-height: normal; display: block;  }
.third-mnu .caret-1::before { content: ""; width: 0px; }
.third-mnu .sidebar-menu .nav-menu > li:hover { border-left: none; }

.third-mnu .sidebar-menu .nav-menu > li > ul.sub-nav li a i { padding-left: 12px; padding-right: 12px; width: 42px;
                                                              text-align: center; }
.close-lft-overlap-mnu .third-mnu  .sidebar-menu,
.close-lft-overlap-mnu .two-mnu.third-mnu .sidebar-menu.main-menu
{ left: -124px; }

.third-mnu .sidebar-menu .nav-menu ul.sub-nav,
.third-mnu .submenu-more
{ position: absolute; left:100%; width: 200px; box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.2); background: #fff; top:0;}
.third-mnu.rgt .sidebar-menu .nav-menu ul.sub-nav,
.third-mnu.rgt .submenu-more{ left: auto; right: 100%; }
.third-mnu  .sidebar-menu .nav-menu > li > ul.sub-nav li a i { padding-left: 12px; padding-right: 12px; }

.third-mnu  .sidebar-menu .nav-menu li.tp-down .sub-nav { top: 0px; bottom: auto;}
.third-mnu  .sidebar-menu .nav-menu li.btm-up .sub-nav { bottom: 0px; top: auto;}

.third-mnu .sidebar-menu ul > li > a span.title
{ display: block; text-align: center; margin-top: 6px;}

.third-mnu .sidebar-menu,
.two-mnu.third-mnu .sidebar-menu.operation-menu
{ width: 120px;  box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.04); border-right: 1px solid rgba(0, 0, 0, 0.1);  font-size: 12px; }


.third-mnu .caret-1 { position: absolute; right: 12px; top: 50%; vertical-align: middle; width: 0; margin: 0px; margin-top: -2px;}

.third-mnu .sidebar-menu .search-nav,
.icon-mnu .sidebar-menu .search-nav,
.two-mnu .sidebar-menu.main-menu .search-nav,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .search-nav
{ display: none; }

.third-mnu .submenu-more > li > a span { display: inline-block !important; margin-top: 0px !important;}
.third-mnu .submenu-more > li .caret-1 { color: #666; }

.third-mnu .btm-up .submenu-more { bottom: 0px; top: auto; }
.third-mnu tp-down .submenu-more { bottom: auto; top: 0px; }

.third-mnu  .main-content,
.two-mnu.third-mnu  .main-content
{ margin-left: 120px; }

.third-mnu.rgt  .main-content { margin-left: 0; margin-right: 120px; }
.close-lft-overlap-mnu .third-mnu.rgt .sidebar-menu { right: -124px; }
.close-lft-overlap-mnu .third-mnu.rgt .main-content { margin-right: 0px; }

.third-mnu.rgt  .sidebar-menu { right: 0px; left: auto; box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.04) !important; }

.close-lft-overlap-mnu .icon-mnu .sidebar-menu,
.close-lft-overlap-mnu .two-mnu.icon-mnu .sidebar-menu.operation-menu
{ left: -45px; }

.icon-mnu .nav-menu .has-ripple,
.two-mnu.icon-mnu  .sidebar-menu.operation-menu .nav-menu .has-ripple
{ overflow: visible; }

.icon-mnu .sidebar-menu ul li a,
.two-mnu.icon-mnu .sidebar-menu.operation-menu ul li a
{position: unset;}

.icon-mnu .sidebar-menu:before,
.two-mnu.icon-mnu .sidebar-menu.operation-menu:before
{ width: 42px; content: ""; top: 42px; bottom: 0px; background: #fff; position: fixed; }

.icon-mnu .sidebar-menu .more-mnu > li > a .nav-icon,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li > a .nav-icon
{ padding: 0 15px; width:12px; box-sizing: content-box; text-align: center; line-height: 42px; }

.icon-mnu .sidebar-menu .more-mnu > li,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li
{ position: relative; }

.icon-mnu .sidebar-menu .more-mnu > li > a,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li > a
{ width: 42px; }

.icon-mnu .sidebar-menu .more-mnu .submenu-more > li,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu .submenu-more > li
{ line-height: 42px; }

.icon-mnu .sidebar-menu .more-mnu > li:hover .title,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li:hover .title
{ display: inline-block;  z-index: 1;  }




.close-lft-overlap-mnu .icon-mnu.rgt .sidebar-menu,
.close-lft-overlap-mnu .two-mnu.rgt.icon-mnu .sidebar-menu.operation-menu
{ right: -45px; }

.icon-mnu.rgt  .sidebar-menu .nav-menu > li > ul.sub-nav,
.two-mnu.rgt.icon-mnu  .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav
{     right: 100% !important; left: auto !important; }

.icon-mnu.rgt  .sidebar-menu .nav-menu li a span.title,
.icon-mnu.rgt .more-mnu > li > a > .title,
.two-mnu.rgt.icon-mnu  .sidebar-menu.operation-menu .nav-menu li a span.title,
.two-mnu.rgt.icon-mnu .sidebar-menu.operation-menu .more-mnu > li > a > .title
{ left: auto !important; right: 100%; }

.icon-mnu.rgt .more-mnu .submenu-more,
.two-mnu.rgt.icon-mnu .sidebar-menu.operation-menu .more-mnu .submenu-more
{ right: 100%; left: auto !important; }

.icon-mnu  .main-content,
.two-mnu.icon-mnu  .main-content
{ margin-left: 42px; }

.close-lft-overlap-mnu .icon-mnu   .main-content,
.close-lft-overlap-mnu .two-mnu   .main-content
{ margin-left: 0px; }

.icon-mnu.rgt .sidebar-menu
{ left: auto; right: 0px; box-shadow: -1px 0px 2px 0px rgba(0, 0, 0, 0.1);}

.icon-mnu.rgt  .main-content,
.two-mnu.rgt  .main-content
{ margin-left: 0px; margin-right: 42px; }

.icon-mnu.rgt .sidebar-menu ul li ul.stybdr,
.two-mnu.rgt.icon-mnu .sidebar-menu.operation-menu ul li ul.stybdr
{ right: 100%; left: auto; }

.icon-mnu .sidebar-menu,
.two-mnu.icon-mnu .sidebar-menu.operation-menu
{  width: 42px; box-shadow:1px 0px 2px 0px rgba(0, 0, 0, 0.1); }

.icon-mnu .sidebar-menu .nav-menu li a span.title,
.icon-mnu .sidebar-menu .more-mnu > li > a > .title,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu li a span.title,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li > a > .title
{ position: absolute; width: 200px; left: 100%; top:0px; display:none; background: #fff; padding-left: 15px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }

.icon-mnu .sidebar-menu .nav-menu ul.sub-nav,
.icon-mnu .sidebar-menu .more-mnu .submenu-more,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu ul.sub-nav,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu .submenu-more
{ position: absolute; left: 100%; width: 250px; display: none; top:42px; 
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);  }


.icon-mnu .sidebar-menu .nav-menu > li > a .caret-1,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu > li > a .caret-1,
.icon-mnu .sidebar-menu .more-mnu > li > a .caret-1,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li > a .caret-1
{ display: none; position: absolute; left: 215px; top: 0; }

.icon-mnu.rgt .sidebar-menu .nav-menu > li > a .caret-1,
.two-mnu.icon-mnu.rgt .sidebar-menu.operation-menu .nav-menu > li > a .caret-1,
.icon-mnu.rgt .sidebar-menu .more-mnu > li > a .caret-1,
.two-mnu.icon-mnu.rgt .sidebar-menu.operation-menu .more-mnu > li > a .caret-1
{ display: none; position: absolute; left: auto; top: 0; right:100%;}


.icon-mnu .sidebar-menu ul> li:hover a span.title,
.icon-mnu .sidebar-menu ul > li:focus a span.title,
.two-mnu.icon-mnu .sidebar-menu.operation-menu ul> li:hover a span.title,
.two-mnu.icon-mnu .sidebar-menu.operation-menu ul > li:focus a span.title,
.two-mnu-responsive.operation-icon-mnu .sidebar-menu.operation-menu ul> li:hover a span.title
{ display: inline-block ; }


.icon-mnu .sidebar-menu .nav-menu > li:hover > a .caret-1,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu > li:hover > a .caret-1,
.icon-mnu .sidebar-menu .more-mnu > li:hover > a .caret-1,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li:hover > a .caret-1,
.two-mnu-responsive.operation-icon-mnu .sidebar-menu.operation-menu .nav-menu > li:hover > a .caret-1,
.two-mnu-responsive.operation-icon-mnu .sidebar-menu.operation-menu .more-mnu > li:hover > a .caret-1
{ display: inline-block; }

.icon-mnu .sidebar-menu .nav-menu > li.clicked_cls > a .caret-1,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu > li.clicked_cls > a .caret-1,
.icon-mnu .sidebar-menu .more-mnu > li.clicked_cls > a .caret-1,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li.clicked_cls > a .caret-1,
.two-mnu-responsive.operation-icon-mnu .sidebar-menu.operation-menu .nav-menu > li.clicked_cls > a .caret-1,
.two-mnu-responsive.operation-icon-mnu .sidebar-menu.operation-menu .more-mnu > li.clicked_cls > a .caret-1
{ display: inline-block; }

.icon-mnu .sidebar-menu ul> li.clicked_cls a span.title,
.icon-mnu .sidebar-menu ul > li.clicked_cls a span.title,
.two-mnu.icon-mnu .sidebar-menu.operation-menu ul> li.clicked_cls a span.title,
.two-mnu.icon-mnu .sidebar-menu.operation-menu ul > li.clicked_cls a span.title,
.two-mnu-responsive.operation-icon-mnu .sidebar-menu.operation-menu ul> li.clicked_cls a span.title
{ display: inline-block ; }



.icon-mnu .sidebar-menu .nav-menu li.tp-down .sub-nav,
.icon-mnu .sidebar-menu .more-mnu > li.tp-down .submenu-more,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu li.tp-down .sub-nav,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li.tp-down .submenu-more
{ top: 42px; }

.two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu li.tp-down .sub-nav,
.two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu li.btm-up .sub-nav,
.first-mnu .sidebar-menu.main-menu .nav-menu li.tp-down .sub-nav,
.first-mnu .sidebar-menu.main-menu .nav-menu li.btm-up .sub-nav,
.first-mnu .sidebar-menu.main-menu .more-mnu li.tp-down .submenu-more,
.first-mnu .sidebar-menu.main-menu .more-mnu li.btm-up .submenu-more
{ top: 100%; bottom: auto; }


.icon-mnu .sidebar-menu .nav-menu li.btm-up .sub-nav,
.icon-mnu .sidebar-menu .more-mnu > li.btm-up .submenu-more,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu li.btm-up .sub-nav,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li.btm-up .submenu-more
{ bottom: 42px; z-index: 0; top: auto; }

.icon-mnu .sidebar-menu .nav-menu li.btm-up a span.title,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu li.btm-up a span.title,
.icon-mnu .sidebar-menu ul> li.btm-up a span.title
{ z-index: 1; }

.icon-mnu .sidebar-menu .more-mnu >li > a.has-ripple,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu >li > a.has-ripple
{ overflow: visible; }

.icon-mnu .more-mnu li a.active, 
.icon-mnu .more-mnu li a.active:hover, 
.icon-mnu .more-mnu li a.active:focus,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu li a.active, 
.two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu li a.active:hover, 
.two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu li a.active:focus
{ border-left: 2px solid #649ae1; }

.icon-mnu .right-box-scroll,
.two-mnu .right-box-scroll
{ margin-left: 320px; }

.icon-mnu .sidebar-menu .nav-menu li ul.stybdr,
.icon-mnu .sidebar-menu .nav-menu li ul.forth-lvl,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu li ul.stybdr,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu li ul.forth-lvl
{ display: none; }



.icon-mnu .sidebar-menu ul.forth-lvl:before,
.two-mnu.icon-mnu .sidebar-menu.operation-menu ul.forth-lvl:before
{ left: 21px; }

.nonoly-lyt.lft-mnu  .sidebar-menu ul > li > ul,
.two-mnu.nonoly-lyt  .sidebar-menu.operation-menu ul > li > ul
{ display: none; }
.nonoly-lyt.rgt .sidebar-menu { left: auto; right: 0px; display: block; }

.close-lft-overlap-mnu .nonoly-lyt.rgt .sidebar-menu,
.close-lft-overlap-mnu .two-mnu.rgt.nonoly-lyt .sidebar-menu.operation-menu
{ right: -304px; }

.nonoly-lyt.rgt .sidebar-menu { position: fixed; }

.nonoly-lyt.lft-mnu  .main-content,
.two-mnu.nonoly-lyt  .main-content
{ margin-left: 304px; }

.close-lft-overlap-mnu  .main-content
{ margin-left: 0px !important;  margin-right: 0px !important; }


.close-lft-overlap-mnu .two-mnu-responsive.operation-icon-mnu  .main-content,
.close-lft-overlap-mnu .two-mnu-responsive.operation-icon-mnu .footer
{ margin-left: 42px !important; } 

.nonoly-lyt.rgt  .main-content { margin-left: 0px; margin-right: 304px; }
.close-lft-overlap-mnu .nonoly-lyt.rgt  .main-content { margin-right: 0px; }
.nonoly-lyt.rgt .sidebar-menu .nav-menu > li > ul.sub-nav li a i{padding-left: 15px;padding-right: 15px;}
.nonoly-lyt.rgt .sidebar-menu .forth-lvl:before{ left: 21px; }

.sidebar-menu ul.forth-lvl
{ width: 100%; background: rgba(0, 0, 0, 0.15); position: relative; display: none; max-height: none !important; }

.sidebar-menu ul.forth-lvl:before
{ background: rgba(0,0,0,0.15); bottom: 0; content: ""; display: block; left: 21px; position: absolute; top: 0px; width: 1px; }

.rgt-mnu .sidebar-menu .sub-nav li a i,
.rgt-mnu .sidebar-menu .sub-nav li a .glyphicon,
.lft-mnu .sidebar-menu .sub-nav li a i,
.lft-mnu .sidebar-menu .sub-nav li a .glyphicon { padding-left: 15px; padding-right: 15px; margin-right: 6px; width: 42px; line-height: 42px; float: left; text-align: center; }
.rgt-mnu  .sidebar-menu { right: 0px; left: auto !important; display: block; }
.rgt-mnu .open { margin-right: 300px !important; }
.close-lft-overlap-mnu .rgt-mnu .sidebar-menu { right: -304px; }

.sidebar-menu ul li i{ font-size: 14px; padding-right: 15px; line-height: 42px; width: 42px; box-sizing: border-box; text-align: center; }
.sidebar-menu .u-name ul li i, .sidebar-menu .u-name ul li a {padding: 0px;}
.sidebar-menu ul li.clicked_cls > a .caret-1 { border-bottom: 5px solid; border-left: 5px solid transparent; border-right: 5px solid transparent; color: #649ae1; border-top: 0px !important; }
.sidebar-menu ul.sub-nav { clear: both; transition: all 0.2s esase 0.s; display: none; font-weight: normal; background: rgb(255, 255, 255); position: relative; }
.sidebar-menu ul.sub-nav:before,
.custom-popover  .sub-nav:before
{ background: rgba(0, 0, 0, 0.065); content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }


.sidebar-menu .more-mnu ul.submenu-more{background: #fff;}


.sidebar-menu ul.sub-nav li:firsr-child a { padding-top: 14px; }
.sidebar-menu ul.sub-nav li a { text-align: left; }
.sidebar-menu ul.sub-nav li { border-left: none; }

.sidebar-menu ul li.clicked_cls > a{ color: rgba(0, 0, 0, 0.8); box-shadow: inset 0 0 0 42px rgba(0, 0, 0, 0.09);}
.submenu-more .submenu-more > li { border-bottom: 1px solid rgba(0, 0, 0, 0.15); position: relative; line-height: 42px; }
.submenu-more .submenu-more > li a { display: block }

/*====end of sidebar-menu====*/

/*====widget-tile menu=======*/
.sidebar-menu .menu-wrpr{display: block; position: relative;}

.lft-mnu  .sidebar-menu  .wm-wrpr .widget-menu .graph-tile .grp-heading .grp-title,
.rgt-mnu  .sidebar-menu  .wm-wrpr .widget-menu .graph-tile .grp-heading .grp-title,
.nonoly-lyt  .sidebar-menu  .wm-wrpr .widget-menu .graph-tile .grp-heading .grp-title,
.sidebar-menu  .wm-wrpr .widget-menu .graph-tile .grp-heading .grp-title
{ font-size: 12px;  }

.lft-mnu .sidebar-menu  .wm-wrpr .widget-menu .graph-tile .grp-heading .grp-sec-title,
.rgt-mnu .sidebar-menu  .wm-wrpr .widget-menu .graph-tile .grp-heading .grp-sec-title,
.nonoly-lyt .sidebar-menu  .wm-wrpr .widget-menu .graph-tile .grp-heading .grp-sec-title,
.sidebar-menu  .wm-wrpr .widget-menu .graph-tile .grp-heading .grp-sec-title
{opacity: 0; }

.lft-mnu  .sidebar-menu .wm-wrpr .widget-menu .graph-tile .grp-footer .grp-result,
.rgt-mnu .sidebar-menu  .wm-wrpr .widget-menu .graph-tile .grp-footer .grp-result,
.nonoly-lyt  .sidebar-menu  .wm-wrpr .widget-menu .graph-tile .grp-footer .grp-result,
.sidebar-menu .wm-wrpr .widget-menu .graph-tile .grp-footer .grp-result
{ top: 0px; font-size: 12px; line-height: 42px;} 

.lft-mnu  .sidebar-menu .wm-wrpr .widget-menu .graph-tile .grp-body,
.rgt-mnu  .sidebar-menu  .wm-wrpr .widget-menu .graph-tile .grp-body,
.nonoly-lyt  .sidebar-menu  .wm-wrpr .widget-menu .graph-tile .grp-body,
.sidebar-menu .wm-wrpr .widget-menu .graph-tile .grp-body
{display: none;}
.lft-mnu  .sidebar-menu  .wm-wrpr .widget-menu .graph-tile .grp-footer .progress,
.rgt-mnu  .sidebar-menu  .wm-wrpr .widget-menu .graph-tile .grp-footer .progress,
.nonoly-lyt  .sidebar-menu  .wm-wrpr .widget-menu .graph-tile .grp-footer .progress
{height: 12px; margin: 0 auto; width: 90%;}

.lft-mnu  .sidebar-menu  .wm-wrpr .widget-menu .graph-tile .grp-footer,
.rgt-mnu  .sidebar-menu  .wm-wrpr .widget-menu .graph-tile .grp-footer,
.nonoly-lyt  .sidebar-menu  .wm-wrpr .widget-menu .graph-tile .grp-footer,
.sidebar-menu  .wm-wrpr .widget-menu .graph-tile .grp-footer
{ height: auto; position: unset;}

.lft-mnu .sidebar-menu  .wm-wrpr .widget-menu.wm-heading,
.rgt-mnu  .sidebar-menu  .wm-wrpr .widget-menu.wm-heading,
.nonoly-lyt  .sidebar-menu  .wm-wrpr .widget-menu.wm-heading,
.sidebar-menu  .wm-wrpr .widget-menu.wm-heading
{ padding-left: 15px; text-transform: uppercase; line-height: 35px; border-top: 1px solid rgba(0,0,0,0.09); border-bottom: 1px solid rgba(0,0,0,0.09); background:rgba(0,0,0,0.09); }
.lft-mnu .sidebar-menu .menu-status,
.nonoly-lyt .sidebar-menu .menu-status,
.rgt-mnu .sidebar-menu .menu-status,
.lft-mnu .sidebar-menu .menu-status,
.sidebar-menu .menu-status
{ position: absolute; top: 43px; bottom: 42px; left: 0px; right: 0px;overflow: auto;}

.two-mnu.third-mnu .sidebar-menu.operation-menu .menu-status,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .menu-status,
.first-mnu .sidebar-menu .menu-status,
.third-mnu .sidebar-menu .menu-status,
.icon-mnu .sidebar-menu .menu-status,
.two-mnu .sidebar-menu.main-menu .menu-status,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .menu-status
{ position: unset; top: auto; bottom: auto; left:auto; right: auto;overflow: visible;}

/* ======== end widget-tile menu ======== */

.lft-mnu  .sidebar-menu .user-sidebar { float: left; padding: 0px 0; width: 165px; transition:0.5s; }
.lft-mnu  .sidebar-menu .u-name,
.rgt-mnu  .sidebar-menu .u-name,
.nonoly-lyt .sidebar-menu .u-name
{ position: absolute; bottom: 0px; border-top: 1px solid rgba(0,0,0,0.09); }

.first-mnu .sidebar-menu  .u-name,
.third-mnu .sidebar-menu  .u-name,
.last-mnu .sidebar-menu  .u-name,
.two-mnu .sidebar-menu.operation-menu .u-name,
.two-mnu.nonoly-lyt .sidebar-menu.operation-menu .u-name,
.two-mnu.third-mnu .sidebar-menu.operation-menu .u-name,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .u-name,
.two-mnu .sidebar-menu.main-menu .u-name
{ display: none; }



.icon-mnu .sidebar-menu .u-name .user-sidebar,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .u-name .user-sidebar
{ width:0px; }

.icon-mnu .sidebar-menu .u-name .user-optn,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .u-name .user-optn
{ position: absolute; bottom: 0px; }

.icon-mnu .sidebar-menu .u-name .user-optn li a,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .u-name .user-optn li a
{ width: 0; }

.icon-mnu .sidebar-menu .u-name .user-optn li a.change-mnu,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .u-name .user-optn li a.change-mnu
{ width: auto; }

.two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li.btm-up:hover .title { z-index: 1;}
.two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li.tp-down:hover .title { z-index: 0;}


.two-mnu.nonoly-lyt.rgt .sidebar-menu.operation-menu{ left: auto; right: 0px; display: block; } 
.two-mnu.nonoly-lyt.rgt  .main-content { margin-left: 0px; margin-right: 304px;}



.sidebar-menu .u-name { bottom: 0px; position: absolute; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.09) }

.close-lft-overlap-mnu .lft-mnu .sidebar-menu,
.close-lft-overlap-mnu .two-mnu.nonoly-lyt .sidebar-menu.operation-menu,
.close-lft-overlap-mnu .sidebar-menu
{ left: -304px; }

.overflow-popup-left { background: #000; border: 0 none; height: 100%; left: 0; display: none; opacity: 0.40; position: fixed; top: 0; width: 100%; z-index: 10; }
.lft-mnu .overflow-popup-left,
.rgt-mnu .overflow-popup-left,
.cross .overflow-popup-left
{ display: block; }

.close-lft-overlap-mnu .overflow-popup-left,
.cross .icon-mnu .overflow-popup-left,
.nonoly-lyt.lft-mnu .overflow-popup-left,
.nonoly-lyt.rgt .overflow-popup-left,
.two-mnu.nonoly-lyt .overflow-popup-left,
.two-mnu.third-mnu .overflow-popup-left,
.two-mnu.icon-mnu .overflow-popup-left,
.cross .third-mnu .overflow-popup-left
{ display: none; }

.navbar-right.user li a i { line-height: 42px; width: 17px; text-align: center; }
.main-content { padding-bottom: 42px; }

/* ==== two menu responsive ==== */
.two-mnu .sidebar-menu.main-menu{right: auto !important;}

.two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu li a span.title,
.two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu > li > a > .title
{ position: unset; width: auto; left: auto; top: auto; display: inline-block; background: transparent; box-shadow: none;
  padding-left: 0px; }

.two-mnu.icon-mnu .sidebar-menu.main-menu ul li a .badge{ position: unset; right: auto; bottom:auto; margin-bottom: auto; }
.two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li > a .caret-1,
.two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu > li > a .caret-1
{ display: inline-block; position: relative; left: auto; right: auto; }

.two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu > li > a{width: auto;}
.two-mnu.icon-mnu .sidebar-menu.main-menu:before{ width: auto; content: ""; top: auto; bottom: auto; background:transparent; position: unset; }

.two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu > li.btm-up .submenu-more{ bottom: auto; z-index: 0; top: auto; }
.two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li:hover .sub-nav,
.two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu > li:hover .submenu-more
{display: none;}

.two-mnu.third-mnu .sidebar-menu.main-menu{ border-right: none; }
.two-mnu.nonoly-lyt .sidebar-menu.operation-menu .search-nav,
.two-mnu.rgt-mnu .sidebar-menu.operation-menu .search-nav,
.two-mnu.rgt-mnu .sidebar-menu.operation-menu .u-name,
.two-mnu.nonoly-lyt.rgt .sidebar-menu.operation-menu .u-name,
.two-mnu.lft-mnu .sidebar-menu.operation-menu .search-nav,
.two-mnu.lft-mnu .sidebar-menu.operation-menu .u-name
{ display: block; }
.two-mnu.lft-mnu .sidebar-menu.main-menu .sub-nav li a i{ padding: 0 12px; width: auto; }
.two-mnu #sidebar-right .top-icon{ display: none; }


.two-mnu.icon-mnu .sidebar-menu.main-menu{box-shadow: none;}
.two-mnu.icon-mnu.rgt .sidebar-menu.operation-menu{box-shadow: -2px 0px 2px 0px rgba(0, 0, 0, 0.1);}
.two-mnu.icon-mnu.rgt .sidebar-menu.operation-menu .u-name,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .u-name
{display: block;}



.two-mnu-responsive .sidebar-menu.main-menu
{display: block; bottom: 0; left: 0px; box-shadow: 0 4px 0 4px rgba(0, 0, 0, 0.3); top: 42px; transition: 0.5s; width: 300px; z-index: 12; position: fixed; font-weight: 600; background: #fff; height: auto;}
.two-mnu-responsive .sidebar-menu.main-menu .search-nav
{ display: block; }
.two-mnu-responsive .sidebar-menu.main-menu ul,
.two-mnu-responsive .sidebar-menu.main-menu ul li
{ float: none; }
.two-mnu-responsive .overflow-popup-left{ display: block; }
.two-mnu-responsive .sidebar-menu.main-menu .menu-status
{ position: absolute; top: 43px; bottom: 42px; left: 0px; right: 0px; overflow: auto; }
.two-mnu-responsive .sidebar-menu.main-menu .menu-status .wm-wrpr
{ display: block; }
.two-mnu-responsive .sidebar-menu.main-menu .u-name
{display: block;}
.two-mnu-responsive .sidebar-menu.main-menu .u-name
{ position: absolute; bottom: 0px; border-top: 1px solid rgba(0,0,0,0.09);}
.two-mnu-responsive .sidebar-menu.main-menu .user-optn li
{ color: rgba(0, 0, 0, 0.6); float: left; }
.two-mnu-responsive .sidebar-menu.main-menu .user-optn a i
{ width: 12px; box-sizing: content-box;  }
.two-mnu-responsive .sidebar-menu.main-menu .user-optn a
{padding-right: 0px;}
.two-mnu-responsive .sidebar-menu.main-menu .wm-wrpr .widget-menu.wm-heading
{ padding-left: 15px; text-transform: uppercase; color: rgba(0,0,0,0.6); line-height: 35px; border-top: 1px solid rgba(0,0,0,0.09); border-bottom: 1px solid rgba(0,0,0,0.09); background: rgba(0,0,0,0.09); }
.two-mnu-responsive .sidebar-menu.main-menu .wm-wrpr .widget-menu .graph-tile .grp-heading .grp-title
{ font-size: 12px;  }
.two-mnu-responsive .sidebar-menu.main-menu .wm-wrpr .widget-menu .graph-tile .grp-body
{display: none;}
.two-mnu-responsive .sidebar-menu.main-menu .wm-wrpr .widget-menu .graph-tile .grp-heading .grp-sec-title
{ opacity: 0; }
.two-mnu-responsive .sidebar-menu.main-menu .wm-wrpr .widget-menu .graph-tile .grp-footer .grp-result
{  top: 0px; font-size: 12px; line-height: 42px; }
.two-mnu-responsive .sidebar-menu.main-menu  .wm-wrpr .widget-menu .graph-tile .grp-footer
{ height: auto; position: unset; }
.two-mnu-responsive .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav
{ position: relative;  border: none; background: #fff; border-top: none !important;  left: auto; width: auto; }
.two-mnu-responsive .sidebar-menu.main-menu .nav-menu > li > ul.sub-nav:after
{  border-color: transparent;  border-style: solid;  border-width:none;  bottom: 100%;  content: "";  height: 0;  position: unset;  left: auto; width: 0; display: none; }
.two-mnu-responsive .sidebar-menu.main-menu .nav-menu .stybdr
{ position: unset; right: auto; top: auto; background: rgba(0, 0, 0, 0.15); box-shadow: none; z-index: initial; }
.two-mnu-responsive .sidebar-menu.main-menu .sub-nav li a i
{ padding-left: 15px; padding-right: 15px; margin-right: 6px; width: 42px; line-height: 42px; float: left; text-align: center; }
.two-mnu-responsive .sidebar-menu.main-menu 
{ font-size: 13px; }
.two-mnu-responsive .sidebar-menu.main-menu .caret-1
{ margin-left: 2px; margin-right: 15px; margin-top: 17px;}
.two-mnu-responsive .sidebar-menu.main-menu ul li a
{ padding-right: 0px; }
.two-mnu-responsive .sidebar-menu.main-menu ul li a .badge
{ position: relative; margin-top: 13px; margin-right: 12px; float: right; }
.two-mnu-responsive .sidebar-menu.main-menu ul li i
{ padding: 0 15px;}
.close-lft-overlap-mnu .two-mnu-responsive .sidebar-menu.main-menu
{ left: -304px;}
.two-mnu-responsive .sidebar-menu.main-menu .user-optn .change-mnu
{display: none;}
.two-mnu-responsive .sidebar-menu.main-menu .nav-menu > li
{display: block;}
.two-mnu-responsive .sidebar-menu.main-menu ul.more-mnu
{display: none;}
.close-lft-overlap-mnu .two-mnu-responsive .overflow-popup-left
{display: none;}
.two-mnu-responsive .sidebar-menu.main-menu ul li a.active,
.two-mnu-responsive .sidebar-menu.main-menu ul li a.active:hover, 
.two-mnu-responsive .sidebar-menu.main-menu ul li a.active:focus 
{ border-left: 2px solid #649ae1; border-bottom: none; }
.two-mnu-responsive .sidebar-menu.main-menu .u-name .user-sidebar,
.two-mnu-responsive .sidebar-menu.main-menu .u-name .user-optn li a
{ width:auto; }

.close-lft-overlap-mnu .two-mnu-responsive .sidebar-menu.operation-menu{ left: 0; }
.two-mnu-responsive .sidebar-menu.operation-menu{ width: 42px; box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.1); display: block; left: 0;}
.two-mnu-responsive .sidebar-menu.operation-menu:before { width: 42px; content: ""; top: 42px; bottom: 0px; background: #fff; position: fixed; }
.two-mnu-responsive .sidebar-menu.operation-menu .search-nav{ display: none; }
.two-mnu-responsive .sidebar-menu.operation-menu .menu-status{ position: unset; top: auto; bottom: auto; left: auto; right: auto; overflow: visible; }
.two-mnu-responsive .sidebar-menu.operation-menu ul li a{ position: unset; }

.two-mnu-responsive .sidebar-menu.operation-menu .nav-menu li a span.title,
.two-mnu-responsive .sidebar-menu.operation-menu .more-mnu > li > a > .title
{ position: absolute; width: 200px; left: 100%; top: 0px; display: none; background: #fff; padding-left: 15px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }

.two-mnu-responsive .sidebar-menu.operation-menu ul li a .badge{ position: absolute; right: 4px; bottom: 50%; margin-bottom: -2px; margin-right: 0px;}

.two-mnu-responsive .sidebar-menu.operation-menu ul> li:hover a span.title{ display: none; }

.two-mnu-responsive .sidebar-menu.operation-menu .u-name .user-optn{ position: absolute; bottom: 0px; }

.two-mnu-responsive .sidebar-menu.operation-menu .u-name .user-optn li a.change-mnu
{ width: auto; }

.two-mnu-responsive.operation-icon-mnu{font-family: 'open_sansregular'; line-height: 1.5;}
.two-mnu-responsive.operation-icon-mnu .sidebar-menu.operation-menu .user-optn li a.change-mnu{ transform: rotateY(180deg); }

.two-mnu-responsive .sidebar-menu.operation-menu .u-name .user-optn li a,
.two-mnu-responsive .sidebar-menu.operation-menu .u-name .user-sidebar
{ width: 0; }

.two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li > a .caret-1,
.two-mnu-responsive .sidebar-menu.operation-menu .more-mnu > li > a .caret-1
{   display: none; position: absolute; left: 215px; top: 1px; z-index: 1; }
.two-mnu-responsive .sidebar-menu.operation-menu .menu-status .wm-wrpr{display: none;}

.two-mnu-responsive .sidebar-menu.operation-menu .nav-menu li.tp-down .sub-nav,
.two-mnu-responsive .sidebar-menu.operation-menu .more-mnu > li.tp-down .submenu-more
{ top: 42px;}

.two-mnu-responsive .sidebar-menu.operation-menu .more-mnu > li.btm-up .submenu-more,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu > li.btm-up .submenu-more
{ bottom: 42px; z-index: 0; top: auto;}

.two-mnu-responsive .sidebar-menu.operation-menu .nav-menu ul.sub-nav,
.two-mnu-responsive .sidebar-menu.operation-menu .more-mnu .submenu-more
{ position: absolute; left: 100%; width: 200px; display: none; background: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  top:0px; }

.two-mnu-responsive .sidebar-menu.operation-menu .more-mnu { display: block; }
.two-mnu-responsive .sidebar-menu.operation-menu .more-mnu > li:hover .title { display: none; }

.two-mnu-responsive .sidebar-menu.operation-menu .more-mnu > li .submenu-more{ display: none; }

.two-mnu-responsive .sidebar-menu.operation-menu .nav-menu li.clicked_cls .title,
.two-mnu-responsive .sidebar-menu.operation-menu .nav-menu li.clicked_cls .caret-1
{ display: block; }

.two-mnu-responsive .sidebar-menu.operation-menu .more-mnu li.clicked_cls .title,
.two-mnu-responsive .sidebar-menu.operation-menu .more-mnu li.clicked_cls .caret-1 
{ display: inline-block; }

.two-mnu-responsive .sidebar-menu.operation-menu .more-mnu > li.btm-up .title { z-index: 1;}
.two-mnu-responsive .sidebar-menu.operation-menu .more-mnu > li.tp-down .title { z-index: 0;}

.icon-mnu .sidebar-menu.main-menu .user-optn li a.change-mnu,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .user-optn li a.change-mnu
{transform: rotateY(180deg);}

.close-lft-overlap-mnu .two-mnu-responsive.set-lft-mnu .overflow-popup-left{ display: block; }
.two-mnu.set-lft-mnu .overflow-popup-left{ display: block; }
.close-lft-overlap-mnu .two-mnu.set-lft-mnu .overflow-popup-left{ display: none; }
.close-lft-overlap-mnu .two-mnu.set-lft-mnu .sidebar-menu.main-menu{left:-304px;}
.close-lft-overlap-mnu .two-mnu.two-mnu-responsive  .main-content{ margin-left: 42px;}
.close-lft-overlap-mnu .two-mnu.two-mnu-responsive.set-lft-mnu .sidebar-menu.main-menu { left: 0px; }
.close-lft-overlap-mnu .two-mnu.two-mnu-responsive .sidebar-menu.main-menu{left:0px;}
.close-lft-overlap-mnu .two-mnu.two-mnu-responsive .footer{ margin-left: 42px; }
.two-mnu.set-icon-mnu .sidebar-menu.main-menu .nav-menu > li:hover .sub-nav{ display: block !important; }

/*=== set two menu for third menu ===*/
.two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu  > li > a,
.two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu  > li > a{padding: 0; line-height: 42px;padding-right: 12px }

.two-mnu.third-mnu .sidebar-menu.main-menu ul > li > a span.title{ display: inline-block;  text-align: left;  margin-top: 0px; }
.two-mnu.third-mnu .sidebar-menu.main-menu .caret-1{position: relative;right: auto; top: auto;}
.two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu li.tp-down .sub-nav{ top:auto; }
.two-mnu.third-mnu .sidebar-menu.main-menu ul li a .badge{ position: relative; bottom: auto; right: auto; margin-bottom: auto;}
.two-mnu.third-mnu .sidebar-menu.main-menu .btm-up .submenu-more{ bottom: auto; top: auto;}
.two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more > li > a span.caret-1{ display: block !important; margin-top: 19px !important;}
.two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu  > li, 
.two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu  > li{ border-bottom: none;}
.two-mnu.third-mnu .sidebar-menu.operation-menu{ border-right:none;}

.two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu li a span.title{ position: unset; width: auto; left: auto; top: auto; display: inline-block; background: transparent; box-shadow: none; }
.two-mnu.icon-mnu .sidebar-menu.operation-menu:before{ background: none; top: auto; width: auto; bottom: 0px; position: unset; }
.two-mnu.icon-mnu  .sidebar-menu.operation-menu .more-mnu > li > a{ width: auto;}
.two-mnu.icon-mnu .sidebar-menu.operation-menu .caret-1{ display: block;}
.two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu .has-ripple,
.two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu >li > a.has-ripple {   overflow: hidden; position: relative; }

/* === set main-menu === */
.two-mnu.nonoly-lyt .sidebar-menu.main-menu { left:0px; }
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu li a span.title{position: relative; width: auto; left: auto; top: auto; display: inline; background: transparent; padding-left: 0; box-shadow: none;}
.two-mnu.nonoly-lyt .sidebar-menu.main-menu ul> li:hover a span.title{   display: inline; }
.two-mnu.nonoly-lyt .sidebar-menu.main-menu ul li a .badge { position: relative; right: auto; bottom: auto; margin-right: 12px;     margin-bottom: auto;}
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .more-mnu { display: none; }
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li > a .caret-1 {display: block;}	
.two-mnu.nonoly-lyt .sidebar-menu.main-menu ul.sub-nav{ position: unset; left: auto; width: auto; display: none; box-shadow: none; background: #fff; top: auto;}
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li:hover .sub-nav { display: none; }
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu .has-ripple{overflow: hidden; position: relative; }
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .search-nav { display: none; }
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li { display: block; }
.two-mnu.nonoly-lyt .sidebar-menu.main-menu ul.stybdr { position: relative; left: auto; width: 100%; display: block; box-shadow: none; background: transparent; top: auto; }

.two-mnu.nonoly-lyt .sidebar-menu.main-menu .u-name .user-sidebar,
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .u-name .user-optn li a
{ width: auto; }
.two-mnu.nonoly-lyt .sidebar-menu.main-menu .u-name .user-optn { position: unset; }


.two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li > a .caret-1 { display: block; }


.two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu > li > a{ width:auto; }
.two-mnu.third-mnu .sidebar-menu.main-menu ul li i
{line-height: normal !important;}

.two-mnu.third-mnu .sidebar-menu.main-menu ul.stybdr { position: relative; left: auto; width: 100%; display: none; box-shadow: none; background: #fff; top: 0; background: rgba(0, 0, 0, 0.15); }
.two-mnu.third-mnu .sidebar-menu.main-menu ul li a { position: relative; }
.two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu > li > a .caret-1 { display: block; }
.two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu > li:hover .submenu-more{display: none;}
.two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li:hover .sub-nav { display: none; }

.two-mnu-responsive .sidebar-menu.operation-menu .nav-menu li.btm-up .sub-nav{ bottom: 42px; z-index: 0; top: auto; }
.two-mnu-responsive .sidebar-menu.operation-menu .nav-menu li.tp-down .sub-nav{ top: 42px; bottom: auto; }
.two-mnu-responsive .sidebar-menu.operation-menu .nav-menu li.btm-up a span.title { z-index: 1; }
.two-mnu-responsive .sidebar-menu.operation-menu ul.sub-nav li a .badge{ position: relative; margin-top: 13px; float: right; right: auto; margin-right: 12px; }
.two-mnu-responsive .sidebar-menu.main-menu .user-optn a.change-mnu{ display: none; }
/* ==== set left menu on click ==== */
.two-mnu-responsive.operation-lft-mnu .sidebar-menu.operation-menu{ display: block; bottom: 0; left: 0px; box-shadow: 0 4px 0 4px rgba(0, 0, 0, 0.3); top: 42px; transition: 0.5s; width: 300px; z-index: 11; position: fixed; font-weight: 600; background: #fff; }
.two-mnu-responsive.operation-lft-mnu .sidebar-menu.operation-menu .search-nav { display: block; }
.two-mnu-responsive.operation-lft-mnu .sidebar-menu.operation-menu .nav-menu li a span.title{ position: unset; width: auto; left: auto; top: auto; display: inline-block; background: transparent; padding-left: 0; box-shadow: none; }
.two-mnu-responsive.operation-lft-mnu .sidebar-menu.operation-menu ul li a .badge { position: relative;  right: auto;  bottom: auto;  margin-bottom:0;  margin-right:12px; }
.two-mnu-responsive.operation-lft-mnu .sidebar-menu.operation-menu .nav-menu > li > a .caret-1{ display: block; position: relative;
                                                                                                left: auto; top: auto; }
.two-mnu-responsive.operation-lft-mnu .sidebar-menu.operation-menu .nav-menu li.tp-down .sub-nav, 
.two-mnu-responsive.operation-lft-mnu .sidebar-menu.operation-menu .more-mnu > li.tp-down .submenu-more { top: auto; }
.two-mnu-responsive.operation-lft-mnu .sidebar-menu.operation-menu ul.sub-nav,
.two-mnu-responsive.operation-lft-mnu .sidebar-menu.operation-menu .more-mnu .submenu-more { position: relative; left: auto; width: 100%; display: none; background: #fff; box-shadow: none; top:0px !important; bottom: 0px !important;}
.two-mnu-responsive.operation-lft-mnu .sidebar-menu.operation-menu .nav-menu > li:hover .sub-nav{ display: none; }
.two-mnu-responsive.operation-lft-mnu .sidebar-menu.operation-menu ul li a { position: relative; }
.two-mnu-responsive.operation-lft-mnu .sidebar-menu.operation-menu .menu-status{ position: absolute; top: 43px; bottom: 42px; left: 0px; right: 0px; overflow: auto; }
.two-mnu-responsive.operation-lft-mnu .sidebar-menu.operation-menu .u-name .user-sidebar,
.two-mnu-responsive.operation-lft-mnu .sidebar-menu.operation-menu .u-name .user-optn li a { width: auto; }
.two-mnu-responsive.operation-lft-mnu .sidebar-menu.operation-menu .u-name .user-optn { position: unset;  bottom: auto; }
.two-mnu-responsive.operation-lft-mnu .sidebar-menu.operation-menu .menu-status .wm-wrpr{ display: block; }
.two-mnu-responsive.operation-lft-mnu .sidebar-menu.operation-menu .more-mnu { display: none; }
.two-mnu-responsive.operation-lft-mnu .sidebar-menu.operation-menu .nav-menu > li{display: block;}
.two-mnu-responsive.operation-lft-mnu .sidebar-menu.operation-menu{}

/* ==== not-click menu ==== */
/*
.sidebar-menu.not-click .nav-menu li:hover .sub-nav,
.sidebar-menu.not-click .more-mnu > li:hover .submenu-more
{ display: block !important; }
.sidebar-menu.not-click .nav-menu li .sub-nav,
.sidebar-menu.not-click .more-mnu li .submenu-more
{ display: none !important; }
*/


/* ======= header css ========== */

.main-header { position: fixed; }
.main-header { position: fixed; left: 0px; right: 0px; z-index: 13; top:0px;}
.main-header .user li a .title { line-height: 42px; padding-left: 12px; display: none; }
.main-header .user li a img { border: 3px solid rgba(23, 23, 23, 0.15); border-radius: 64px !important; bottom: 0 !important; height: 40px;   margin-top: 9px; max-width: 40px; position: absolute; top: 0 !important; }

/* ======== start search-nav ======== */
.search-nav {  position: relative; height: 42px; width: 42px; transition: 0.3s; }
.search-nav input { line-height: 42px; padding: 0 42px 0 12px; border-radius: 0 !important; border: none; transition: 0.5s; color: rgba(0, 0, 0, 0.8); width: 100%; height: 42px; background: none; font-weight: normal; }
.search-nav.open-sb input,
.search-nav.open-default input
{ opacity: 1; border-bottom: 1px solid rgba(0,0,0,0.09); background: rgba(0, 0, 0, 0.09); box-shadow: none; }
.search-nav.open-sb input:focus,
.search-nav.open-default input:focus
{ box-shadow: 0px 1px 0 0 #649ae1; border-bottom: 1px solid #649ae1; }
.search-nav.open-sb input:focus+button[type="submit"],
.search-nav.open-default input:focus+button[type="submit"]
{color: #649ae1;}

.search-nav.open-sb
{ width: 218px; background: #fff; }

.search-nav.open-default{width: 100%;}
.search-nav.open-sb input::-webkit-input-placeholder { color: rgba(0,0,0,0.6); }
.search-nav #sb-button { position: absolute; bottom: 0; width: 42px; height: 42px; border: none; right: 0; background: transparent; }
.search-nav #sb-button i { line-height: 42px; font-size: 14px; }

.search-nav .sb-active-bdr { position: absolute; left: 12px; right: 0px; z-index: 1; display: none; }
.search-nav .sb-active-bdr:before { left: 109px; }
.search-nav .sb-active-bdr:after { right: 109px; }
.search-nav .sb-active-bdr:before { content: ""; height: 1px; top: 33px; position: absolute; background: rgba(0, 0, 0, 0.3); transition: 0.5s; width: 0px; }
.search-nav .sb-active-bdr:after { content: ""; height: 1px; top: 33px; position: absolute; background: rgba(0, 0, 0, 0.3); transition: all 0.5s; width: 0px; }
.search-nav input:focus ~ .sb-active-bdr:before,
.search-nav input:focus ~ .sb-active-bdr:after { width: 109px; }
.search-nav input:focus ~ .sb-active-bdr:before { left: 0px; }
.search-nav input:focus ~ .sb-active-bdr:after { right: 0px; }
.open-sb.search-nav #sb-button { background: transparent; }
.search-nav input:focus { box-shadow: none; }




/* ========= end search-nav ============= */

/*========= search nav for sidebar ============ */
.sidebar-menu .search-nav {  width: 300px;}
.sidebar-menu .search-nav #sb-button { height: 42px; width: 40px; display: inline-block; color: rgba(0, 0, 0, 0.6); 
                                       background: transparent;   margin-top: 0px;}
.sidebar-menu .search-nav #sb-button:hover { color: rgba(0, 0, 0, 0.8); }
.sidebar-menu .search-nav #sb-button i { line-height: 24px; font-size: 14px; }

.sidebar-menu .search-nav .sb-active-bdr:before { left: 150px; }
.sidebar-menu .search-nav .sb-active-bdr:after { right: 150px; }
.sidebar-menu .search-nav .sb-active-bdr:before { top: 40px;}
.sidebar-menu .search-nav .sb-active-bdr:after { top: 40px; }
.sidebar-menu .search-nav input:focus ~ .sb-active-bdr:before,
.sidebar-menu .search-nav input:focus ~ .sb-active-bdr:after { width: 145px; }
.sidebar-menu .search-nav input:focus ~ .sb-active-bdr:before { left: 0px; }
.sidebar-menu .search-nav input:focus ~ .sb-active-bdr:after { right: 0px; }
.sidebar-menu .search-nav input:focus ~ #sb-button { color: #649AE1; }

.first-mnu .sidebar-menu .search-nav,
.last-mnu .sidebar-menu .search-nav,
.two-mnu .sidebar-menu.operation-menu .search-nav,
.two-mnu.third-mnu .sidebar-menu.operation-menu .search-nav,
.two-mnu.icon-mnu .sidebar-menu.operation-menu .search-nav
{ display: none; }
/*search nav for sidebar */

/*start bredcrumb*/
.first-mnu .main-bred,
.two-mnu .main-bred
{ display: none; }

.lft-mnu .main-bred,
.third-mnu .main-bred,
.rgt-mnu .main-bred,
.icon-mnu .main-bred,
.rgt .main-bred,
.two-mnu .main-bred
{ margin-left: 44px; float: left; }

.rgt-mnu .main-bred,
.last-mnu .main-bred,
.nonoly-lyt .main-bred,
.third-mnu .main-bred,
.lft-mnu .main-bred,
.icon-mnu .main-bred,
.two-mnu .main-bred
{ display: block; line-height: 42px; }

.main-bred { display: none; float: left;}
.main-bred .breadcrumb { height: 42px; }
/*end bredcrumb*/
/*sidebar-menu*/
.open.sidebar-menu { left: 0px; }
/* Top SideBar */
.text-muted { color: rgba(0, 0, 0, 0.5) !important; }
.badge { background-color: #777; border-radius: 50%; color: #fff; font-size: 9px; width: 16px; font-weight: bold; text-align: center; white-space: nowrap; height: 16px; line-height: 16px; padding: 0; display: inline-block; }
/*sidebar right */
#sidebar-right .user-optn li a .badge{top: 33%; margin-top: -5px; position: absolute; left: 50%; }
#sidebar-right .sliding-bar .badge{    top: 33%; margin-top: -5px; position: absolute; left: 50%;}
#sidebar-right .label-text { font-weight: 600; line-height: 20px; display: inline-block; }
#sidebar-right .label-text i { line-height: 20px; }
.open-sidebar #sidebar-right { right: 0px; box-shadow: 0 4px 0 4px rgba(0, 0, 0, 0.3); }
#sidebar-right { background: rgba(255,255,255,1); position: fixed; right: -300px; top: 42px; width: 300px; overflow: hidden; z-index: 11; bottom: 0px; box-shadow: 0 0 0 0 rgba(0,0,0,0);transition: 0.5s; }
#sidebar-right .tab-content .container-sidebar { margin-left: auto; margin-right: auto;  box-sizing: border-box; clear: both; overflow-x: hidden;}
#sidebar-right .title-sidebar,
.profile-wrpr .chat-data .mails_sidebar .title-sidebar
{ color: rgba(0, 0, 0, 0.6); font-weight: 600 !important; box-shadow: inset 0 0 0 35px rgba(0,0,0,0.09); text-transform: uppercase; display: block; line-height: 35px; margin-bottom: 15px; position: relative; }
#sidebar-right .title-sidebar:before,
.sidebar-chat .titlebar:before,
.sidebar-chat .title-sidebar:before
{ content: ""; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.09); position: absolute; left: 0; top:0; }

#sidebar-right .title-sidebar:after,
.sidebar-chat .titlebar:after,
.sidebar-chat .title-sidebar:after
{ content: ""; width: 100%; bottom:0; height: 1px; background: rgba(0, 0, 0, 0.09); position: absolute; left: 0;}
#sidebar-right .title-sidebar .d-title,
.profile-wrpr .chat-data .mails_sidebar .title-sidebar .d-title,		
.sidebar-chat .title-sidebar .d-title,
.profile-wrpr .chat-data .mails_sidebar .title-sidebar .d-title
{ font-size: 11px; color: #7c7c7c; text-transform: none; text-decoration: none; font-style: normal;}
#sidebar-right .tab-content { position: absolute; top: 85px; bottom: 0px; overflow-y: auto; border: none; left: 0; right: 0;}
#sidebar-right .nav-tabs> li > a .fa { line-height: 42px; font-size: 16px !important; }
#sidebar-right .nav-tabs.sliding-bar { position: relative;}
#sidebar-right .sliding-bar > li > a { border-bottom: 0px; border: 0px; padding: 0px; margin-bottom: 0px; }


/*.mail-sidebar h4:first-child { margin-top: 0px; }*/
.mail-sidebar h4 { font-size: 13px; }
.mail-sidebar .left { border-bottom: 1px solid rgba(0,0,0,0.09);}
.mail-sidebar p { text-align: justify; }
.mail-sidebar .left:first-child { margin-top: 0px; }
.sidebar-set:last-child p { margin-bottom: 10px; }
.tweets-sidebar label { width: 100%; }
.tweets-sidebar label .label-text { width: 91%; }
.tweets-sidebar label em { font-weight: normal; font-style: normal; width: 88%; float: left; }
.tweets-sidebar label .time { font-size: 11px; color: rgba(0, 0, 0, 0.4); font-weight: normal; line-height: 20px; }


.sidebar-set > span { font-weight: 600; }
.sidebar-set { position: relative; }
.mails_sidebar.set-alert .alert.no-btn{padding-right: 10px;}
.mails_sidebar.set-alert .alert{ background: rgba(0, 0, 0, 0.16); color: RGBA(0,0,0,0.6); border: none;  margin-bottom: 10px; font-size: 11px; line-height: 18px;}
.mails_sidebar.set-alert .title-sidebar{margin-bottom: 0px !important;}
.sidebar-set .set-menu { width: 100%; position: relative; margin-bottom: 5px;}
.sidebar-set label input { float: right; }
.sidebar-set p { margin-bottom: 20px; padding-left: 27px; font-size:12px; text-transform: capitalize;}
.overlay-tour { background: #000; border: 0 none; display: block; height: 100%; left: 0; opacity: 0.40; position: fixed; top: 0; width: 100%; }
.u-name { width: 100%; display: block; z-index: 10; box-shadow: inset 0 0 0 42px rgba(0,0,0,0.09); }
.u-name a { color: rgba(0, 0, 0, 0.6); float: left;}

.user-sidebar img { border-radius: 50%; height: 32px; width: 32px; margin-bottom: 3px; box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.15); transition: 0.5s; margin-left: 12px; margin-right: 12px; }
.user-sidebar:hover img { box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0); }
.user-sidebar span { margin-left: -2px; font-weight: 600; opacity: 0.9; line-height: 42px; }
.user-sidebar { float: left; width: 170px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.user-optn li{ float: left; border-left: 1px solid rgba(0,0,0,0.09); }
.user-optn a { display: inline-block; text-align: center; float: left; transition: 0.5s; cursor: pointer; position: relative; box-shadow: inset 0 0 0 42px rgba(255, 255, 255, 0); }
.user-optn a i { width: 12px; box-sizing: content-box; }
.user-optn a:hover,
.user-optn a:focus { box-shadow: inset 0 0 0 42px rgba(0, 0, 0, 0.09); }
.user-optn a i.fa { line-height: 42px !important; cursor: pointer; }
.overflow-popup { background: #000; border: 0 none; display: none; height: 100%; left: 0; opacity: 0.40; position: fixed; top: 0; width: 100%; z-index: 10; }

.mails_sidebar.set-layout-icon .sidebar-set .set-menu .menu-icon{ width: 20px; height: 20px; display: inline-block; margin-right: 12px; position: absolute; background: rgba(0, 0, 0, 0.28); overflow: hidden; }
.mails_sidebar.set-layout-icon .sidebar-set  .set-menu .menu-icon .hor-mnu{background: rgba(255, 255, 255, 0.65); position: absolute; z-index: 3;}
.mails_sidebar.set-layout-icon .sidebar-set .set-menu .menu-icon .ver-mnu{background: rgba(255, 255, 255, 0.94);  position: absolute;}
.mails_sidebar.set-layout-icon .sidebar-set.two-icon .set-menu .menu-icon .hor-mnu{ height: 3px;  top: 1px; left: 1px; right: 1px; }
.mails_sidebar.set-layout-icon .sidebar-set.two-icon .set-menu.menu-icon .ver-mnu{ width: 7px; top: 5px; bottom: 1px; left: 1px; }
.mails_sidebar.set-layout-icon .sidebar-set.left-icon .set-menu .menu-icon .hor-mnu{ height: 0px;   }
.mails_sidebar.set-layout-icon .sidebar-set.left-icon .set-menu .menu-icon .ver-mnu{ width: 7px; top:1px; bottom: 1px; left: 1px; }
.mails_sidebar.set-layout-icon .sidebar-set.right-icon .set-menu .menu-icon .hor-mnu{ height: 0px;   }
.mails_sidebar.set-layout-icon .sidebar-set.right-icon .set-menu .menu-icon .ver-mnu{ width: 7px; top:1px; bottom: 1px; right: 1px; }
.mails_sidebar.set-layout-icon .sidebar-set.top-icon .set-menu .menu-icon .hor-mnu{ height: 3px;  top: 1; left: 1; right: 1px; background: #fff;  }
.mails_sidebar.set-layout-icon .sidebar-set.top-icon .set-menu .menu-icon .ver-mnu{ width: 0px; top:1px; bottom: 1px; right: 1px; }
.mails_sidebar.set-layout-icon .sidebar-set.non-icon .set-menu .menu-icon .hor-mnu{ height: 0px; }
.mails_sidebar.set-layout-icon .sidebar-set.non-icon .set-menu .menu-icon .ver-mnu{ top: 1px; bottom: 1px; width: 7px; left: 1px; animation: set-non1 1s linear 1s infinite alternate; transition: 0.5s; background: rgba(255, 255, 255,1); }
@keyframes set-non{ 0%{left: -7px;} 99%{left: 1px;} }
.mails_sidebar.set-layout-icon .sidebar-set.compact-icon .set-menu .menu-icon .hor-mnu{     width: 4px; height: 4px; top: 2px; left: 2px; background: rgba(255, 255, 255, 1); }
.mails_sidebar.set-layout-icon .sidebar-set.compact-icon .set-menu .menu-icon .hor-mnu:before{width: 4px; content: ""; height: 4px; top: 6px; left: 0px; position: absolute; background: rgba(255, 255, 255, 1); }
.mails_sidebar.set-layout-icon .sidebar-set.compact-icon .set-menu .menu-icon .ver-mnu{     width: 4px; height: 4px; top: 14px; left: 2px;}
.mails_sidebar.set-layout-icon .sidebar-set.icon-icon .set-menu .menu-icon .hor-mnu{ width: 3px; height: 2px; top: 1px; left: 2px; background: rgba(255, 255, 255, 1); }
.mails_sidebar.set-layout-icon .sidebar-set.icon-icon .set-menu .menu-icon .hor-mnu:before{ width: 3px; content: ""; height: 2px; top: 4px; left: 0px; position: absolute; background: rgba(255, 255, 255, 1); }
.mails_sidebar.set-layout-icon .sidebar-set.icon-icon .set-menu .menu-icon .ver-mnu{ width: 3px; height: 2px; top: 9px; left: 2px;}
.mails_sidebar.set-layout-icon .sidebar-set.icon-icon .set-menu .menu-icon .ver-mnu:before{ width: 3px; content: ""; height: 2px; top: 4px; left: 0px; background: rgba(255, 255, 255, 1); position: absolute;}
.mails_sidebar.set-layout-icon .sidebar-set.icon-icon .set-menu .menu-icon .ver-mnu:after{content: ""; width: 3px; height: 2px; top: 8px; background: #fff; position: absolute;}
.mails_sidebar.set-layout-icon .sidebar-set.icon-icon .set-menu .menu-icon:before { content: ""; width: 7px; position: absolute; left: 0px; top: 0px; bottom: 0px; background: rgba(255, 255, 255, 0.28); }
.mails_sidebar.set-layout-icon .sidebar-set.compact-icon .set-menu .menu-icon:before {content: ""; width: 8px; position: absolute; left: 0px; top: 0px; bottom: 0px; background: rgba(255, 255, 255, 0.28);}



#sidebar-right .mails_sidebar.set-layout-icon .label-text,
.profile-wrpr .chat-data .mails_sidebar.set-layout-icon .label-text
{ padding-left: 35px;	}
#sidebar-right .mails_sidebar.set-layout-icon .label-text i,
.profile-wrpr .chat-data .mails_sidebar.set-layout-icon .label-text i
{display: none;}
#sidebar-right .mails_sidebar.set-layout-icon .sidebar-set p{ padding-left: 35px;}
#sidebar-right .mails_sidebar.set-layout-icon.set-alert .alert{ margin-bottom: 15px; }

/*sidebar right end*/
.open-sidebar  .overflow-popup { display: block; }

/* content section*/
{ display: block; width: 100%; position: relative; transition: 0.5s; }
@-moz-document url-prefix() {  { min-height: 100%; }}
.tile-box:hover .icon-bg { opacity: 0.93; }

.primary-bg .tg-mn,
.danger-bg .tg-mn,
.info-bg .tg-mn,
.warning-bg .tg-mn,
.dark-bg .tg-mn,
.light-success-bg .tg-mn,
.purple-bg .tg-mn,
.success-bg .tg-mn,
.light-bg .tg-mn{ color: rgba(255,255,255,0.9); }

.primary-bg,
.label-primary
{ background: #649ae1; color: rgba(255,255,255,0.9);}

.danger-bg,
.label-danger.theme
{ background: #ec6f5a ; color: rgba(255,255,255,0.9);}

.info-bg,
.label-info.theme
{ background: #55badf; color: rgba(255,255,255,0.9);}

.warning-bg,
.label-warning.theme
{ background: #f7c65f; color: rgba(255,255,255,0.9);}

.dark-bg,
.label-dark.theme
{ background: rgba(0, 0, 0, 0.6); color: rgba(255,255,255,0.9);}

.light-success-bg,
.label-light-success.theme
{background: #37bc9b; color: rgba(255,255,255,0.9);}

.purple-bg,
.label-purple.theme
{background: #967adc; color: rgba(255,255,255,0.9);}

.success-bg,
.label-success.theme
{ background: #4bc076; color: rgba(255,255,255,0.9);}

.code-editor .primary-bg  .code,
.code-editor .info-bg .code,
.code-editor .warning-bg .code,
.code-editor .danger-bg .code,
.code-editor .purple-bg .code,
.code-editor .light-success-bg .code,
.code-editor .dark-bg .code,
.code-editor .success-bg .code
{box-shadow: none;}

.text-primary.theme,
.error-msg.primary-msg
{ color: #649AE1; transition: 0.5s; }

.text-info.theme,
.error-msg.info-msg
{ color: #55BADF; transition: 0.5s; }

.text-danger.theme,
.error-msg.danger-msg
{ color: #EC6F5A; transition: 0.5s; }

.text-warning.theme,
.error-msg.warning-msg
{ color: #F7C65F; transition: 0.5s; }

.text-success.theme,
.error-msg.success-msg
{ color: #4BC076; transition: 0.5s; }
.wyt-bg { background: #fff !important; }

/*Chart Section*/

.fs8 { font-size: 8px; }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px !important; }


code { color: rgba(199, 37, 78, 0.85); }
.table tr:first-child td { border-top: none !important; }

.circles-text { font-size: 30px !important; font-weight: bold; color: #666!important; }
.form-control { box-shadow: none; border: none; }
.input-group-addon { border-radius: 0px; border: none; }
.form-control:hover,.form-control:focus{box-shadow: none;}


#area-graph { margin: 0px auto 0px !important; padding-top: 13px !important; }
.jqstooltip { box-sizing: content-box !important; }
.fa-rotate-45 { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.open-noty { cursor: pointer; }
.ui-pnotify { height: auto; }

.toggle-collapse.panel-set .list-inline.tools:before { border-bottom: 10px solid rgba(0, 0, 0, 0); border-left: 10px solid rgba(0,0,0,0.09); border-top: 10px solid rgba(0, 0, 0, 0); content: ""; margin-top: -10px; position: absolute; right: -11px; top: 50%; }
.toggle-collapse.panel-set  .list-inline.tools:after { border-bottom: 9px solid rgba(0, 0, 0, 0); border-left: 9px solid #fff; border-top: 9px solid rgba(0, 0, 0, 0); content: ""; margin-top: -9px; position: absolute; right: -9px; top: 50%; }

.toggle-collapse  .list-inline.tools li { position: relative; padding: 0 7px; }
.toggle-collapse .list-inline.tools li a { cursor: pointer; transition: 0.5s;}
.toggle-collapse.panel-set .list-inline.tools { border: 1px solid rgba(0,0,0,0.09); border-radius: 4px; height: 35px; line-height: 35px; margin: 0 auto; padding: 0 8px; position: absolute; background: #fff; right: 32px; top: 0; display: none; width: 160px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); z-index: 2; padding: 0 8px; }

.colorbox-open.toggle-collapse .list-inline.tools li a.open-colorbox i,
.close-cloapse.toggle-collapse .list-inline.tools li a.open-penal i,
.close-cloapse.toggle-collapse .list-inline.tools li a.open-penal i,
.fullscreen-active.toggle-collapse .list-inline.tools li a.open-fullsrn i{ color: rgba(0,0,0,0.8);}

.toggle-collapse.panel-set  .list-inline.tools img { position: absolute; right: -11px; top: 8px; }
.toggle-collapse.panel-set  .list-inline.tools li a .fa { font-size: 14px !important;}

.toggle-collapse .set-tool{ position: relative; }
.toggle-collapse.panel-set .list-inline.tools{ right: 36px; }

.toggle-collapse.inside-hiding  .list-inline.tools{ margin-right: 0px !important; }
.toggle-collapse.inside-hIding .list-inline.tools li { padding-left: 7px; padding-right: 7px; }
.toggle-collapse.inside-hIding .list-inline.tools li a i{ line-height: 35px; }
.toggle-collapse .list-inline.tools li a:hover,
.toggle-collapse .list-inline.tools li a:focus { color: rgba(0, 0, 0, 0.8); }

.toggle-collapse .edit-body,
.toggle-collapse .change-clr
{  border-left: 2px dashed rgba(0,0,0,0.09); border-right: 2px dashed rgba(0,0,0,0.09); opacity: 0; height: auto; top: 0; z-index: 15;  background: rgba(0,0,0,0.09); }

.toggle-collapse .change-clr { line-height: 45px; text-align: center; transition: 0.5s; display: none; position: relative; opacity: 1;
                               border-top:1px solid rgba(0,0,0,0.09);
}
.toggle-collapse .edit-body input { background-color: #fff; color: rgba(0, 0, 0, 0.8); font-size: 13px; height: 0; text-align: center; width: 100%; padding: 0px; border: none; transition: 0.4s; border-radius: 0px; }
.toggle-collapse.open-box .edit-body { height: auto; top: 0; z-index: 15; display: block; opacity: 1; padding: 6px; }
.toggle-collapse.open-box .edit-body input { height: auto; padding: 6px 12px; box-sizing: border-box; border: 1px solid #ddd; }
.toggle-collapse.open-box .edit-body input:focus { border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: none; }
.toggle-collapse .change-clr span { cursor: pointer; transition: 0.5s; vertical-align: middle; margin: 0 5px; width: 24px;
                                    height: 24px; display: inline-block; border: 2px solid rgba(0,0,0,0.3); }

.toggle-collapse .change-clr .bg-white { background: #fff; }
.toggle-collapse .change-clr .bg-primary { background: #649ae1; border-radius: 0px !important; }
.toggle-collapse .change-clr .bg-info { background: #55badf;  }
.toggle-collapse .change-clr .bg-success { background: #4bc076;  }
.toggle-collapse .change-clr .bg-warning { background: #f7c65f;  }

.toggle-collapse .change-clr .bg-danger { background: #ec6f5a; }
.toggle-collapse .change-clr .bg-voilet { background: #967ADC;  }
.toggle-collapse .change-clr .bg-light-success { background: #37BC9B;  }
.toggle-collapse .change-clr .bg-dark { background: rgba(0, 0, 0, 0.6);}
.toggle-collapse.close-cloapse .panel-body { display: none; }
.toggle-collapse.close-cloapse .list-inline.tools li a.open-penal .fa-minus:before{content: "\f067"; }
.toggle-collapse .tg-mn{ border: 1px solid rgba(0,0,0,0.09);  border-radius: 2px; display: inline-block; margin-top: 6px; padding: 0 6px; cursor: pointer; transition: 0.5s; color: inherit; box-shadow: inset 0 0 0 42px rgba(0,0,0,0.09);  }
.toggle-collapse .tg-mn span { line-height: 22px; }
.toggle-collapse.inside-hiding .tg-mn{display: none;}

.toggle-collapse .set-color { position: relative; }
.toggle-collapse.open .default-tab{display: block !important;}
.toggle-collapse .primary-bg,
.toggle-collapse .info-bg ,
.toggle-collapse .success-bg ,
.toggle-collapse .warning-bg,
.toggle-collapse .danger-bg,
.toggle-collapse .purple-bg,
.toggle-collapse .light-success-bg,
.toggle-collapse .dark-bg
{ color: rgba(255,255,255,0.9);}




.toggle-collapse.inside-hiding .primary-bg .list-inline.tools li a,
.toggle-collapse.inside-hiding .info-bg .list-inline.tools li a,
.toggle-collapse.inside-hiding .success-bg .list-inline.tools li a,
.toggle-collapse.inside-hiding .warning-bg .list-inline.tools li a,
.toggle-collapse.inside-hiding .danger-bg .list-inline.tools li a,
.toggle-collapse.inside-hiding .purple-bg .list-inline.tools li a,
.toggle-collapse.inside-hiding .light-success-bg .list-inline.tools li a,
.toggle-collapse.inside-hiding .dark-bg .list-inline.tools li a{
    color: rgba(255,255,255,0.6);  }

.toggle-collapse.inside-hiding.colorbox-open .primary-bg .list-inline.tools li a.open-colorbox i,
.toggle-collapse.inside-hiding.close-cloapse .primary-bg .list-inline.tools li a.open-penal i,
.toggle-collapse.inside-hiding.open-box .primary-bg .list-inline.tools li a.open-edit i,
.toggle-collapse.inside-hiding.fullscreen-active .primary-bg .list-inline.tools li a.open-fullsrn i,
.toggle-collapse.inside-hiding.colorbox-open .info-bg .list-inline.tools li a.open-colorbox i,
.toggle-collapse.inside-hiding.close-cloapse .info-bg .list-inline.tools li a.open-penal i,
.toggle-collapse.inside-hiding.open-box .info-bg .list-inline.tools li a.open-edit i,
.toggle-collapse.inside-hiding.fullscreen-active .info-bg .list-inline.tools li a.open-fullsrn i,
.toggle-collapse.inside-hiding.colorbox-open .success-bg .list-inline.tools li a.open-colorbox i,
.toggle-collapse.inside-hiding.close-cloapse .success-bg .list-inline.tools li a.open-penal i,
.toggle-collapse.inside-hiding.open-box .success-bg .list-inline.tools li a.open-edit i,
.toggle-collapse.inside-hiding.fullscreen-active .success-bg .list-inline.tools li a.open-fullsrn i,
.toggle-collapse.inside-hiding.colorbox-open .warning-bg .list-inline.tools li a.open-colorbox i,
.toggle-collapse.inside-hiding.close-cloapse .warning-bg .list-inline.tools li a.open-penal i,
.toggle-collapse.inside-hiding.open-box .warning-bg .list-inline.tools li a.open-edit i,
.toggle-collapse.inside-hiding.fullscreen-active .warning-bg .list-inline.tools li a.open-fullsrn i,
.toggle-collapse.inside-hiding.colorbox-open .danger-bg .list-inline.tools li a.open-colorbox i,
.toggle-collapse.inside-hiding.close-cloapse .danger-bg .list-inline.tools li a.open-penal i,
.toggle-collapse.inside-hiding.open-box .danger-bg .list-inline.tools li a.open-edit i,
.toggle-collapse.inside-hiding.fullscreen-active .danger-bg .list-inline.tools li a.open-fullsrn i,
.toggle-collapse.inside-hiding.colorbox-open .purple-bg .list-inline.tools li a.open-colorbox i,
.toggle-collapse.inside-hiding.close-cloapse .purple-bg .list-inline.tools li a.open-penal i,
.toggle-collapse.inside-hiding.open-box .purple-bg .list-inline.tools li a.open-edit i,
.toggle-collapse.inside-hiding.fullscreen-active .purple-bg .list-inline.tools li a.open-fullsrn i,
.toggle-collapse.inside-hiding.colorbox-open .light-success-bg .list-inline.tools li a.open-colorbox i,
.toggle-collapse.inside-hiding.close-cloapse .light-success-bg .list-inline.tools li a.open-penal i,
.toggle-collapse.inside-hiding.open-box .light-success-bg .list-inline.tools li a.open-edit i,
.toggle-collapse.inside-hiding.fullscreen-active .light-success-bg .list-inline.tools li a.open-fullsrn i,
.toggle-collapse.inside-hiding.colorbox-open .dark-bg .list-inline.tools li a.open-colorbox i,
.toggle-collapse.inside-hiding.close-cloapse .dark-bg .list-inline.tools li a.open-penal i,
.toggle-collapse.inside-hiding.open-box .dark-bg .list-inline.tools li a.open-edit i,
.toggle-collapse.inside-hiding.fullscreen-active .dark-bg .list-inline.tools li a.open-fullsrn i
{color: #fff;}

.code-editor > .default-tab{ margin: -1px; display: none; }
.code-editor .code{ line-height: 35px; width: 42px; text-align: center; background: rgba(0, 0, 0, 0.09); margin-left: 6px; cursor: pointer; box-shadow: inset 0 0 0 35px rgba(255, 255, 255, 0.3);} 
.code-editor .code .icon{ line-height: 35px; }
/*summernote style*/
.summernote-style .note-toolbar.panel-heading{ background: rgba(0,0,0,0.09); }
.summernote-style .note-popover .popover-content,
.summernote-style .panel-heading.note-toolbar{ padding: 0 5px 5px 5px; }
.summernote-style .btn-sm, 
.summernote-style .btn-group-sm > .btn,
{ padding: 5px 10px; }
.summernote-style .btn-sm i{ margin-top: 0px; line-height: 28px;}

.summernote-style .panel-heading.note-toolbar .note-color .dropdown-toggle
{ height: 30px; padding: 0 5px;}


/*.summernote-style .dropdown-menu .btn-group.note-list{ margin-top: 6px; }*/
.summernote-style .dropdown-menu > li > a{  padding: 3px 12px; }
.summernote-style .note-editor.note-frame {  border: 1px solid rgba(0,0,0,0.15); margin-bottom: 0px; }
.summernote-style .note-editor .btn.btn-default{background: #fff; padding: 0 12px; line-height: 27px; }
.summernote-style .note-editor .btn.btn-default .note-recent-color{background: none !important; }

.summernote-style .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,
.summernote-style .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset{ text-align: center; border: 1px solid rgba(0,0,0,0.15); line-height: normal;}

.summernote-style .note-popover .popover-content .note-para .dropdown-menu, 
.summernote-style .panel-heading.note-toolbar .note-para .dropdown-menu{ min-width: 228px;}
.summernote-style .caret{font: normal normal normal 14px/1 FontAwesome; border: none; display: inline-block; width: auto;height: auto;}
.summernote-style .caret:before{content: "\f0d7";padding-left: 2px;}
/*summernote style*/
.toggle-collapse.page-effect:before { content: ""; position: absolute; right: 0px; bottom: 0px; left: 0px; height: 50px; overflow: hidden; 		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 8px 0px -3px rgb(255, 255, 255), 0px 9px 1px -3px rgba(0, 0, 0, 0.2), 0px 16px 0px -6px #FFFFFF, 0px 17px 2px -6px rgba(0, 0, 0, 0.2);}
.toggle-collapse.page-effect { overflow: visible !important;}
.toggle-collapse.page-effect .todo-form { display: block; float: left; width: 100%; box-shadow: 0px -6px 9px 0px rgba(0, 0, 0, 0.04); }

.toggle-collapse.fullscreen-active { background: #fff; bottom: 0 !important; height: 100% !important; left: 0 !important;	position: fixed !important; right: 0 !important; top: 0 !important; width: 100% !important; z-index: 1103 !important; margin-top: 0px !important; }
body.bd-fullscreen { overflow: hidden; position: fixed; }

/*end panel-settings*/

/* ==== start-dash-boared-chart ==== */
.dash-chart .com-chart { background: rgba(85,186,223,0.2) /*info color*/; }
.dash-chart .com-chart .border-right-1 { border-color: rgba(85, 186, 223, 0.4) !important;  /*info color*/}
.dash-chart .single .sales-box .sales-container .sub-box { border-top-color: #f7c65f; }

/*start square checkbox-design*/
.checkbox-squere { position: relative; min-width: 35px; }
.checkbox-squere .checkbox{ padding-left: 23px; font-weight: normal;  }
.checkbox-squere .checkbox:before { content: ""; display: block; width: 16px; height: 16px; position: absolute; top: 0%; left: 0%; background-color: #ffffff; border: 1px solid rgba(0,0,0,0.15); }
.checkbox-squere input[type="checkbox"] { opacity: 0;  z-index: 1; position: absolute;}
.checkbox-squere .checkbox:before{ position: absolute; width: 16px; height: 16px; }
.checkbox-squere input[type="checkbox"]:checked + .checkbox:after {	content: ""; display: block; position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; background: rgba(0, 0, 0, 0.15); }

.checkbox-squere.chk-primary input[type="checkbox"]:checked + .checkbox:after{ background-color: #649AE1; }
.checkbox-squere.chk-success input[type="checkbox"]:checked + .checkbox:after{ background-color: #4bc076; }
.checkbox-squere.chk-warning input[type="checkbox"]:checked + .checkbox:after{ background-color: #f7c65f; }
.checkbox-squere.chk-dark input[type="checkbox"]:checked + .checkbox:after{ background-color: rgba(0, 0, 0, 0.6); }
.checkbox-squere.chk-info input[type="checkbox"]:checked + .checkbox:after{ background-color: #55badf; }
.checkbox-squere.chk-danger input[type="checkbox"]:checked + .checkbox:after{ background-color: #ec6f5a; }

.set-checkbox.checkbox-squere input[type="checkbox"]{ left: 50%; margin-left: -6px; top: 50%; margin-top: -6px; cursor: pointer;}
.set-checkbox.checkbox-squere .checkbox { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; }

/*end checkbox-squere*/

/* Login Penal*/
.boot-style-4 .form-group input.form-control { border-radius: 0px; box-shadow: none; padding: 0 31px 0 4px !important; transition: border 0.4s; }

.bootstrap-switch { border-radius: 0px; margin-top: 10px; }
.bootstrap-switch .bootstrap-switch-handle-on { border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; }


/*Check box reg*/
.checkbox-custom { opacity: 0; position: absolute; }
.checkbox-custom,
.checkbox-custom-label { display: inline-block; vertical-align: middle; cursor: pointer; font-weight: 600; }
.checkbox-custom-label { position: relative; transition: 0.5s; }

.checkbox-custom + .checkbox-custom-label:before { content: ''; background: #fff; display: inline-block; vertical-align: middle; width: 15px; height: 15px; line-height: 15px; padding: 2px; margin-right: 10px; text-align: center; transition: border 1s; }

.checkbox-custom.chk-reverse + .checkbox-custom-label:before { content: ''; background: #fff; display: inline-block;
                                                               vertical-align: middle;  }
.checkbox-custom:checked + .checkbox-custom-label:before { content: "\f00c"; font-family: 'FontAwesome'; font-size: 12px; font-weight: normal; box-sizing: content-box; }
.checkbox-custom::before { box-sizing: content-box;}
.checkbox-custom::before,
.checkbox-custom-label::before { box-sizing: content-box; }
.chk-rg span,
.chk-rg label { font-weight: normal !important; font-size: 13px !important; }

/* === small size check box === */
.size-small.checkbox-custom + .checkbox-custom-label:before
{ height: 11px; line-height: 11px;}
.size-small.checkbox-custom.chk-reverse + .checkbox-custom-label:before{ width: 11px; height: 8px; line-height: 8px; }
.size-small.checkbox-custom:checked + .checkbox-custom-label:before{ font-size: 10px; }



/*Error Page*/
.error-msg .icon{font-size: 55px; margin-bottom: 20px;}
.error-msg .set_pos { width: 320px; text-align: center; position: absolute; top:50%; margin-top:-91px; left:50%; margin-left: -160px; }
.error-msg .error-title {text-align: center; display: inline-block; font-size: 30px; margin-bottom: 20px; clear: both; font-weight: 600; }
.error-msg .error-subtitle { color: rgba(0, 0, 0, 0.6); text-align: center;  }
.error-msg.warning-msg{ color: }
.error-msg{ position: relative; } 
/* chart-menu*/
.local-menu .nav-spy > li { border-top: 1px solid rgba(0,0,0,0.09); }
.local-menu .nav-spy > li:first-child { border-top: none !important; }
.local-menu .nav-spy li a { display: block; line-height: 42px; color: rgba(0,0,0,0.6); text-transform: capitalize; }
.local-menu .nav-spy a.active1,
.local-menu .nav-spy a.active
{ background: #fff; box-shadow: inset 2px 0 0 0 #649ae1; color: rgba(0,0,0,0.8); font-weight: 600; }


/*  ====  Icon Page  ====  */
.myTab.sliding-bar.nav-justified{ width: 100%; }
.icon-page .input-srch { width: 100%; }
.icon-page .full-srch { position: relative; }
.icon-page .full-srch .srch-btn:before { content: "\e661"; }
.icon-page .full-srch .srch-btn { left: 5px; position: absolute; top: 5px; font-size: 16px; display: inline-block; font-family: icomoon; color: rgba(0,0,0,0.4);  }
.icon-page .full-srch  #icon-filter { border-radius: 0px; padding-left: 28px; }
.icons-list li{ padding: 10px 10px 10px 10px;  font-weight: 600; width: 33%; float: left; line-height: 42px; font-weight: 600; font-size: 13px; overflow: hidden; white-space: nowrap; }
.icons-list li:hover { background: #F3F3F3; color: rgba(0, 0, 0, 0.8); }
.icons-list span{ font-size: 14px; transition: 0.5s; width: 42px; height: 42px; line-height: 42px; text-align: center; float: left;}

/*  ====  Input Field  ==== */
#android-icon-list.icons-list li span,
#design-guide.icons-list li span,
#microsoft-icons.icons-list span,
#product-icons.icons-list span { font-size: 24px; } 
/* ==== End Icon Page  ==== */

.checkbox-custom + .checkbox-custom-label::before{ border-radius: 0px; color: #fff; transition: 0.5s; }
.checkbox-custom.chk-default + .checkbox-custom-label::before { background: rgba(0,0,0,0.09); box-shadow: inset 0 0 0 19px rgba(0, 0, 0, 0.1); }
.checkbox-custom + .checkbox-custom-label:hover::before{ box-shadow: inset 0 0 0 19px rgba(0, 0, 0, 0.3); }
.checkbox-custom.chk-primary + .checkbox-custom-label::before{ background: #649ae1; }
.checkbox-custom.chk-success + .checkbox-custom-label::before{ background: #4bc076; }
.checkbox-custom.chk-warning + .checkbox-custom-label::before{ background: #f7c65f; }
.checkbox-custom.chk-dark + .checkbox-custom-label::before{ background: rgba(0, 0, 0, 0.6); }
.checkbox-custom.chk-info + .checkbox-custom-label::before{ background: #55badf; }
.checkbox-custom.chk-danger + .checkbox-custom-label::before{ background: #ec6f5a; }
/*reverse chkbox*/
.checkbox-custom.chk-reverse + .checkbox-custom-label::before { box-shadow: none; background: none !important; }
.checkbox-custom.chk-reverse + .checkbox-custom-label:hover::before{ box-shadow: none; }
.checkbox-custom.chk-default.chk-reverse + .checkbox-custom-label::before {  color: rgba(0,0,0,0.15); border: 2px solid rgba(0,0,0,0.15); }
.checkbox-custom.chk-primary.chk-reverse + .checkbox-custom-label::before {  color: #649ae1; border: 2px solid #649AE1; }
.checkbox-custom.chk-success.chk-reverse + .checkbox-custom-label::before {   color: #4bc076; border: 2px solid #4bc076; }
.checkbox-custom.chk-warning.chk-reverse + .checkbox-custom-label::before {   color: #f7c65f; border: 2px solid #f7c65f; }
.checkbox-custom.chk-dark.chk-reverse + .checkbox-custom-label::before { color: rgba(0, 0, 0, 0.6); border: 2px solid rgba(0,0,0,0.6); }
.checkbox-custom.chk-info.chk-reverse + .checkbox-custom-label::before { color: #55badf; border: 2px solid #55badf; }
.checkbox-custom.chk-danger.chk-reverse + .checkbox-custom-label::before {  color: #ec6f5a; border: 2px solid #ec6f5a; }


/*Radio Button*/
.radio label { display: inline-block; cursor: pointer; position: relative; padding-left: 22px !important; margin-right: 20px; font-size: 13px;  font-weight: 600; }
.radio input[type="radio"] { display: none; }
.radio label:before { content: ""; transition: 0.5s; display: inline-block; width: 24px; height: 24px; margin-right: 10px;	position: absolute; left: 0; border-radius: 50% !important; border: 3px solid rgba(0,0,0,0.15); border-radius: 50%; margin-top: -12px; top:50%;  }



.radio .default-rad + label::before { color: rgba(0, 0, 0, 0.15); border: 2px solid rgba(0, 0, 0, 0.15) !important; }
.radio .primary-rad + label::before { border: 2px solid #649ae1; color: #649ae1; }
.radio .success-rad + label::before { border: 2px solid #4bc076; color: #4bc076; }
.radio .warning-rad + label::before { border: 2px solid #f7c65f; color: #f7c65f; }
.radio .dark-rad + label::before { color: rgba(0, 0, 0, 0.6); border: 2px solid rgba(0, 0, 0, 0.6); }
.radio .info-rad + label::before { border: 2px solid #55badf; color: #55badf; }
.radio .danger-rad + label::before { color: #ec6f5a; border: 2px solid #ec6f5a; }

.radio input[type="radio"]:checked + label:after{ content: ""; width: 18px; height: 18px; border-radius: 50%; 	 position: absolute; left: 3px; top: 50%; text-align: center; margin-top:-9px;  }

.radio .default-rad + label::after { background: rgba(0, 0, 0, 0.15);  }
.radio .primary-rad + label::after { background: #649ae1; }
.radio .success-rad + label::after { background: #4bc076; }
.radio .warning-rad + label::after { background: #f7c65f; }
.radio .dark-rad + label::after { background: rgba(0, 0, 0, 0.6); }
.radio .info-rad + label::after { background: #55badf; }
.radio .danger-rad + label::after { background: #ec6f5a; }

.radio .size-small + label{ padding-left: 20px !important; }
.radio  input[type="radio"].size-small:checked + label:after{  width: 8px; height: 8px; margin-top: -4px; }
.radio .size-small + label::before{ width: 14px; height: 14px; margin-top: -7px; }



.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label { height: auto !important; }
.bootstrap-switch { border-radius: 0px !important; margin-right: 15px; }
/* ===== end of checked input ===== */

/* pnotify solid notification*/
.ui-pnotify { background: #649AE1 !important; border: 1px solid rgba(0,0,0,0.15); border-radius: 5px; color: #fff; top: 66px;}
.ui-pnotify.primary-bg { background: #649AE1 !important;  }
.ui-pnotify .ui-pnotify-container { padding: 15px 20px !important; background: transparent; border: none; color: #fff; }

.ui-pnotify.slate-bg { background-color: #404040 !important; }
.ui-pnotify.danger-bg { background: #EC6F5A !important; }
.ui-pnotify.success-bg { background: #4BC076 !important;  }
.ui-pnotify.warning-bg { background: #F7C65F !important; }
.ui-pnotify.info-bg { background: #55BADF !important;  }

.ui-pnotify.alert-styled-left { border-left-width: 44px !important; border-radius: 5px; }
.alert-styled-left .ui-pnotify-container:after { position: absolute; content: ""; left: -44px; color: #fff; font: normal normal normal 20px/1 FontAwesome; content: "\f15c"; margin-left: 14px; margin-top: -10px; position: absolute; top: 50%; }

.ui-pnotify.alert-styled-right { border-right-width: 44px !important; border-radius: 5px; }
.alert-styled-right .ui-pnotify-container:after { position: absolute; content: ""; right: -44px; color: #fff; font: normal normal normal 20px/1 FontAwesome; content: "\f15c"; margin-right: 14px; margin-top: -10px; position: absolute; top: 50%; }

/* start  basic notidication */
.ui-pnotify.primary-basic-bg,
.ui-pnotify.danger-basic-bg,
.ui-pnotify.success-basic-bg,
.ui-pnotify.warning-basic-bg,
.ui-pnotify.info-basic-bg
{box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.8);}

.ui-pnotify.danger-basic-bg{ background: #ec6f5a !important; }
.ui-pnotify.success-basic-bg{ background: #4bc076 !important;}
.ui-pnotify.warning-basic-bg{ background: #f7c65f !important; }
.ui-pnotify.info-basic-bg{ background: #55badf !important; }


.primary-basic-bg .ui-pnotify-container,
.danger-basic-bg .ui-pnotify-container,
.ui-pnotify.success-basic-bg .ui-pnotify-container,
.ui-pnotify.warning-basic-bg .ui-pnotify-container,
.ui-pnotify.info-basic-bg .ui-pnotify-container
{ color: rgba(0, 0, 0, 0.8); }

.ui-pnotify.pnotify-prompt .ui-pnotify-text { margin-bottom: 10px; }
.ui-pnotify.pnotify-prompt .form-control { margin-bottom: 10px !important; border-radius: 0px !important; border: 1px solid rgba(0,0,0,0.15); box-shadow: none; color: rgba(0, 0, 0, 0.8); font-size: 13px; }
.ui-pnotify.pnotify-multiline .ui-pnotify-text { margin-bottom: 10px; }
.ui-pnotify.pnotify-multiline .form-control { margin-bottom: 10px !important; border-radius: 0px !important; border: 1px solid rgba(0,0,0,0.15); box-shadow: none; color: rgba(0, 0, 0, 0.8); font-size: 13px; }
.alert-styled-left.alert-arrow-left .ui-pnotify-container:before { border-bottom: 5px solid transparent; border-left-color: inherit; border-left-style: solid; border-left-width: 5px; border-top: 5px solid transparent; content: ""; display: inline-block; left: 0; margin-top: -5px; position: absolute; top: 50%;}

.alert-styled-left.alert-arrow-left.info-arrow .ui-pnotify-container:before,
.alert-styled-left.alert-arrow-left.danger-arrow .ui-pnotify-container:before, 
.alert-styled-left.alert-arrow-left.success-arrow .ui-pnotify-container:before,
.alert-styled-left.alert-arrow-left.primary-arrow .ui-pnotify-container:before,
.alert-styled-left.alert-arrow-left.warning-arrow .ui-pnotify-container:before
{ border-left-color: rgba(0,0,0,0.15); }


.alert-styled-right.alert-arrow-right .ui-pnotify-container::before{ border-bottom: 5px solid transparent; border-right-color: inherit; border-right-style: solid; border-right-width: 5px; border-top: 5px solid transparent; content: ""; display: inline-block; right: 0; margin-top: -5px; position: absolute; top: 50%;}

.alert-styled-right.alert-arrow-right.info-arrow .ui-pnotify-container:before,
.alert-styled-right.alert-arrow-right.danger-arrow .ui-pnotify-container:before,
.alert-styled-right.alert-arrow-right.success-arrow .ui-pnotify-container:before,
.alert-styled-right.alert-arrow-right.primary-arrow .ui-pnotify-container:before,
.alert-styled-right.alert-arrow-right.warning-arrow .ui-pnotify-container:before
{ border-right-color: rgba(0,0,0,0.15); }

.ui-pnotify.stack-top-left,
.ui-pnotify.stack-bottom-left { left: 20px; right: auto; }

.ui-pnotify.stack-bottom-right,
.ui-pnotify.stack-bottom-left { bottom: 64px !important; top: auto; }

.ui-pnotify.stack-custom-left { bottom: auto; left: 200px; right: auto; top: 200px; }
.ui-pnotify.stack-custom-top { left: 0px; right: 0px; top: 0px !important; }
.ui-pnotify.stack-custom-bottom { bottom: 0; left: 0; right: 0; top: auto; }
.ui-pnotify.stack-custom-right { bottom: 200px; left: auto; right: 200px; top: auto; }
.ui-pnotify.stack-custom-top.set-top{ top:64px !important;  left:auto; }

/* ===== end  basic notidication pnotify ===== */

.table.basic-style tr td.btn-pnotify{ text-align: right; width: 20%; }
.pnotify-form .ui-pnotify-text h6 { color: #fff; font-size: 20px; }
#form-notice { display: none; }
/*Penal Tabs*/

/* start alert Page*/
.alert:hover .close,
.alert:focus .close
{ color:rgba(0, 0, 0, 0.6); opacity: 1 !important;}
.alert.show-close .close{opacity: 1 !important;}

.alert { padding: 10px; border-radius: 0px; padding-right: 35px; font-size: 12px; text-transform: capitalize;}
.alert strong{margin-right: 5px;}
.alert .close{position: relative; right: -21px; color: rgba(0,0,0,0.4); opacity: 1;}

.alert#alert-demo-1,
.alert#alert-demo-2 { display: none; }
.alert.alert-micro { padding: 5px; padding-right: 35px; }
.alert .close i{ line-height: 18px; }

.alert.alert-micro.alert-inverse{ padding-left: 10px; }
.alert.alert-inverse { border: 1px solid rgba(221, 221, 221, 0.8); color: rgba(0, 0, 0, 0.8); position: relative; background: #fff; }
.alert .alert-link:hover,.alert .alert-link:focus{ text-decoration: underline !important; }

.alert.alert-inverse.alert-danger .alert-link,
.alert.alert-icon.alert-danger .alert-link
{ color: #ec6f5a; }
.alert.alert-inverse.alert-warning .alert-link,
.alert.alert-icon.alert-warning .alert-link 
{ color: #f7c65f; }

.alert.alert-inverse.alert-info .alert-link,
.alert.alert-icon.alert-info .alert-link
{ color: #55badf; }

.alert.alert-inverse.alert-success .alert-link,
.alert.alert-icon.alert-success .alert-link
{ color: #4bc076;}

.alert.alert-inverse.alert-success:before { background: #4bc076; bottom: -1px; content: ""; left: 0; position: absolute; top: -1px; width: 4px; }
.alert.alert-inverse.alert-warning:before { background: #f7c65f; bottom: -1px; content: ""; left: 0; position: absolute; top: -1px; width: 4px; }
.alert.alert-inverse.alert-dark:before { background: rgba(0, 0, 0, 0.6); bottom: -1px; content: ""; left: 0; position: absolute; top: -1px; width: 4px; }
.alert.alert-inverse.alert-danger:before { background: #ec6f5a; bottom: -1px; content: ""; left: 0; position: absolute; top: -1px; width: 4px; }
.alert.alert-inverse.alert-info:before { background: #55badf; bottom: -1px; content: ""; left: 0; position: absolute; top: -1px; width: 4px; }
.alert.alert-icon { background: #fff; border: none; color: rgba(0, 0, 0, 0.7); position: relative; padding-left: 50px !important; border: none;padding-right: 50px; }

.alert.alert-icon:before { content: ""; left: 0px; position: absolute; top: 0px; width: 40px; bottom: 0px; }

.alert.alert-success.alert-icon:before { background: #4bc076; }
.alert.alert-icon::after { display: inline-block; font: normal normal normal 22px/1 FontAwesome; margin-left: 11px; color: #fff; left: 0px; position: absolute; top: 50%; margin-top: -11px; }

.alert.alert-success.alert-icon::after { content: "\f058"; }
.alert.alert-danger.alert-icon:before { background: #ec6f5a; }

.alert.alert-danger.alert-icon::after { content: "\f057"; }
.alert.alert-info.alert-icon:before { background: #55badf; }

.alert.alert-info.alert-icon::after { content: "\f05a"; }
.alert.alert-warning.alert-icon:before { background: #f7c65f; }
.alert.alert-warning.alert-icon::after { content: "\f071"; margin-left: 8px; }

.alert.alert-icon .close { background: rgba(0,0,0,0.09); position: absolute; right: 0; top: 0; bottom: 0px; width: 40px; text-align: center;  opacity: 0;}
.alert.alert-icon .close .bar-close { background: rgba(0,0,0,0.6); display: block; height: 2px; right: 23%; position: absolute; top: 50%; width: 50%; }
.alert.alert-icon .close .bar-close.fst { transform: rotate(45deg); }
.alert.alert-icon .close .bar-close.sec { transform: rotate(-45deg); }
.alert.alert-icon:hover .bar-close { background: rgba(0, 0, 0, 0.6); }
.alert.alert-icon.alert.alert-micro span.bar-close { width: 40%; right: 28%; }
.alert.alert-icon:hover .close .fa{ color:rgba(0, 0, 0, 0.6); }
/* end alert Page*/  

/*progress-page*/
.progress{ background: rgba(0,0,0,0.09); }
.progress.progress-bar-sm { border-radius: 0px; height: 9px; }
.progress.progress-bar-xs { border-radius: 0px; height: 4px; }
/* start widget-tile */
/* ======= tile-box ====== */
.tile-box { color: #fff; }
.tile-box.rgt-icon { padding: 5px 5px 5px 20px; }
.tile-box .tile-heading .title { font-size: 24px; font-weight: bold; font-family: 'open_sansregular' !important; line-height: 32px; }
.tile-box.icon-big { position: relative; overflow: hidden; }
.tile-box.icon-big .tile-body .tile-icon i { font-size: 100px; }
.tile-box.icon-big .tile-body .tile-icon { position: absolute; top: -4px; opacity: 0.8; }
.tile-box .tile-body .content { font-weight: 600; clear: both; font-family: 'open_sansregular' !important; }
.tile-box.rgt-icon .tile-body .tile-icon { right: 0px; }
.tile-box.info-bg.wyt-bg { border-bottom: 5px solid #55badf; color: #55badf; }
.tile-box.warning-bg.wyt-bg { border-bottom: 5px solid #f7c65f; color: #f7c65f; }
.tile-box.success-bg.wyt-bg { border-bottom: 5px solid #4bc076; color: #4bc076; }
.tile-box.danger-bg.wyt-bg { border-bottom: 5px solid #ec6f5a; color: #ec6f5a; }

.tile-box.lft-icon { padding: 5px 20px 5px 5px; }
.tile-box.lft-icon .tile-body .tile-icon { left: 0px; }
.tile-box.icon-sm .tile-body .tile-icon i { font-size: 36px; }
.tile-box.lft-icon .tile-body .tile-icon { position: absolute;left: 20px; opacity: 0.8; }
.tile-box.icon-sm .tile-body .tile-icon {top:7px;}
.tile-box.icon-sm.lft-icon .tile-heading .title { padding-left: 50px; }
.tile-box.icon-sm.lft-icon .tile-body .content { padding-left: 50px; }
.tile-box.rgt-icon.icon-sm .tile-body .tile-icon { right: 20px; clear: both; position: absolute; top: 7px; }
.tile-box .tile-heading{clear: both;}
.tile-box .tile-body{ clear: both; line-height: 24px; }
.tile-box.rgt-icon.icon-sm .tile-body .tile-icon{ right: 20px; }
/* ===== with graph ===== */
.graph-tile{position: relative;}
.with-setting.graph-tile .grp-heading{ padding-right: 0px; }
.graph-tile .grp-heading { position: relative; padding: 0 12px; }
.graph-tile .grp-body{ padding: 0 12px; }
.graph-tile .grp-heading .grp-title { letter-spacing: 1px; text-transform: uppercase;}

.graph-tile .grp-heading .grp-title,
.graph-tile .grp-heading .grp-sec-title{ display: inline-block; line-height: 42px; }

.graph-tile .grp-heading .grp-sec-title { font-size: 12px;}

.graph-tile .grp-content { font-size: 26px; }
.graph-tile .grp-footer { position: relative; height: 32px; }
.graph-tile .grp-footer .grp-result { line-height: 32px; position: absolute; right: 12px; }
.graph-tile .grp-footer .progress { margin-bottom: 0px; border-radius: 0px; height: 32px; box-shadow: none; box-shadow: inset 0 0 0 32px rgba(255, 255, 255, 0.2); background: transparent !important; }
.graph-tile .grp-footer .progress-bar { float: none; }
.graph-tile .grp-footer .progress .progress-bar-warning,
.graph-tile .grp-footer .progress .progress-bar-primary,
.graph-tile .grp-footer .progress .progress-bar-success,
.graph-tile .grp-footer .progress .progress-bar-danger,
.graph-tile .grp-footer .progress .progress-bar-info
{ box-shadow: inset 0 0 0 32px rgba(255, 255, 255, 0.2); background: transparent !important; }

.with-color.graph-tile .grp-footer .progress .progress-bar-primary{background: }
.with-color.graph-tile .grp-footer .progress .progress-bar-success{background: #4BC076;}
.with-color.graph-tile .grp-footer .progress .progress-bar-danger{background: #EC6F5A; }
.with-color.graph-tile .grp-footer .progress .progress-bar-info{background: #55BADF;}
.with-color.graph-tile .grp-footer .progress .progress-bar-warning
{ box-shadow: inset 0 0 0 32px rgba(255, 255, 255, 0.2); background: #f7c65f !important; }

.wyt-bg.graph-tile .grp-footer .progress{ box-shadow: inset 0 0 0 32px rgba(0, 0, 0, 0.2); }
.wyt-bg.graph-tile{color: rgba(0,0,0,0.6);} 
.wyt-bg.graph-tile.lyt-grph .grp-footer .progress { background: rgba(0,0,0,0.15); }
.wyt-bg.graph-tile.lyt-grph .grp-footer .grp-result i { box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2); }

.reverse.panel .panel-heading{color: #fff;}
.reverse.panel.panel-primary .panel-heading{ background: #649ae1;}
.reverse.panel.panel-success .panel-heading{ background:#4bc076;}
.reverse.panel.panel-info .panel-heading{ background:#55badf ;}
.reverse.panel.panel-warning .panel-heading{ background:#f7c65f;}
.reverse.panel.panel-danger .panel-heading{ background:#ec6f5a ;}

.sidebar-menu .menu-status .wm-wrpr{color: rgba(0,0,0,0.6);}
.sidebar-menu .menu-status .wm-wrpr a{color: inherit;}

/* with-widget */
.with-widget .carousel-inner > .item {display: block;}
.custom-slider .carousel-control.left,
.custom-slider .carousel-control.right
{background: none; background-image: none !important; }

.custom-slider .carousel-control.right{right: 10px;}
.custom-slider .carousel-control.left{left: 10px;}

.custom-slider .carousel-control .icon-next, 
.custom-slider .carousel-control .glyphicon-chevron-right{right:0; margin-right:0;}

.custom-slider .carousel-control .icon-prev, 
.custom-slider .carousel-control .glyphicon-chevron-left{left:0; margin-left:0;}

.custom-slider .carousel-control{ width:30px; height:30px; background: #fff !important;  bottom: 12px;  top: auto !important; z-index: 99; display: block;}

.with-widget .carousel-control{ display: none;}
.custom-slider .carousel-control .glyphicon-chevron-left,
.custom-slider .carousel-control .glyphicon-chevron-right,
.custom-slider .carousel-control .icon-prev,
.custom-slider .carousel-control .icon-next { font-size: 14px; line-height: 30px; bottom: 0px !important; margin-top: 0px !important; top: auto; color: #000; width: 30px; height: 30px;}

.custom-slider .carousel-indicators li span{ width: 20px; height: 20px; text-align: center; display: block; }
.custom-slider .carousel-indicators li{ text-indent: 0; width: auto; height: auto; border-radius: 0px; background: rgba(255, 255, 255, 0.57); font-weight: 600; } 
.custom-slider .carousel-indicators{ bottom: 12px;  margin-left: 0 !important;  width: 100%; left: 0; }
.with-widget .carousel-indicators{   display: none;}
.custom-slider .carousel-indicators .active{ box-shadow: inset 0 0 0px 42px rgba(0, 0, 0, 0.5); color: #fff;}
.with-widget .carousel-inner{ overflow: visible; }
.custom-slider .carousel-inner > .item{ opacity: 0; display: inline-grid !important;}
.custom-slider .carousel-inner > .item.active{ opacity: 1;  }

/* ========= used in graph-tile and feeds ======== */
.cp-wrpr { position: relative; }
.with-setting .cp-wrpr{ width: 42px; height: 42px; }
.custom-popover {display: none;}
.custom-popover .arrow:before { content: ""; position: absolute; }
.custom-popover .arrow::after { content: ""; margin-left: 1px; position: absolute; }
.custom-popover { background-color: #fff; position: absolute; border: 1px solid rgba(0, 0, 0, 0.15); z-index: 2; }
.custom-popover.bottom { top: 42px; right: 0px; }
.custom-popover.bottom.bottom-right{ left: 0 !important;}
.custom-popover.bottom.bottom-left{ right: 0 !important;}
.custom-popover.bottom.bottom-right .arrow:after,
.custom-popover.bottom.bottom-right .arrow:before
{left: 10px; right:auto;}
.custom-popover.bottom.bottom-left .arrow:after,
.custom-popover.bottom.bottom-left .arrow:before
{right: 10px; left:auto;}

.custom-popover.bottom .arrow:before { right: 10px; top: -10px; border-bottom: 10px solid rgba(0, 0, 0, 0.09); border-left: 10px solid transparent; border-right: 10px solid transparent; }
.custom-popover.bottom .arrow:after { top: -9px; right: 10px; border-bottom: 10px solid #f3f3f3; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.custom-popover.top { bottom: 42px; right: 0px; }
.custom-popover.top.top-right{ left: 0 !important; }
.custom-popover.top.top-left{ right: 0 !important; }
.custom-popover.top.top-right .arrow:after,
.custom-popover.top.top-right .arrow:before
{ left: 10px; right:auto; }
.custom-popover.top.top-left .arrow:after,
.custom-popover.top.top-left .arrow:before
{right: 10px; left:auto;}


.custom-popover.top .arrow:before { border-top: 10px solid rgba(0, 0, 0, 0.1); border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: -10px;	right: 10px; }
.custom-popover.top .arrow:after { border-top: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: -9px; right: 10px; }
.custom-popover.left { right: 100%; top: 0px; }
.custom-popover.left.left-top{top:0px !important;bottom: auto;}
.custom-popover.left.left-bottom{bottom:0px !important;top: auto;}
.custom-popover.left .arrow:before { border-top: 10px solid transparent; border-left: 10px solid rgba(0,0,0,0.09); border-bottom: 10px solid transparent; right: -10px; top: 10px; }
.custom-popover.left .arrow:after { border-top: 10px solid transparent; border-left: 10px solid #fff; border-bottom: 10px solid transparent; top: 10px; right: -9px; }

.custom-popover.left.left-top .arrow:before,
.custom-popover.left.left-top .arrow:after
{top:10px; bottom:auto;}

.custom-popover.left.left-bottom .arrow:before,
.custom-popover.left.left-bottom .arrow:after
{bottom:10px; top:auto;}

.custom-popover.right { top: 0px; left: 100%; }
.custom-popover.right.right-top{top:0px !important;bottom: auto;}
.custom-popover.right.right-bottom{bottom:0px !important;top: auto;}

.custom-popover.right .arrow:before { border-top: 10px solid transparent; border-right: 10px solid rgba(0,0,0,0.09); border-bottom: 10px solid transparent; right: 100%; top: 10px; }
.custom-popover.right .arrow:after { border-top: 10px solid transparent; border-right: 10px solid #fff; border-bottom: 10px solid transparent; top: 9px; right: 99%; }

.custom-popover.right.right-top .arrow:before,
.custom-popover.right.right-top .arrow:after
{ top:10px; bottom:auto; }

.custom-popover.right.right-bottom .arrow:before,
.custom-popover.right.right-bottom .arrow:after
{bottom:10px; top:auto;}



.show-popover.custom-popover { display: block; }

.cp-wrpr .custom-popover.show-popover .datepicker.datepicker-inline { display: block!important; }
.cp-wrpr .custom-popover .datepicker-inline { border: none !important; }
.cp-wrpr .example-pop { background: rgba(0, 0, 0, 0); border: medium none; display: inline-block; font-size: 17px; vertical-align: text-top; opacity: 0; transition: 0.5s;  height: 0; width: 0;}
.with-setting .cp-wrpr .example-pop{ opacity: 0.8; height: 42px; width: 42px;} 
.graph-tile .cp-wrpr .example-pop i{ line-height: 42px; }
.graph-tile .cp-wrpr .example-pop:hover,
.graph-tile .cp-wrpr .example-pop:focus { opacity: 1; }
.custom-popover .cp-body .fst { width: 69%; }

.custom-popover .cp-body input,
.custom-popover.dtl-search .cp-body .fst select
{ border: 1px solid rgba(0,0,0,0.09); border-radius: 0; color: rgba(0, 0, 0, 1); line-height: 31px; height: 31px; padding: 0 5px; width: 100%; font-size: 13px; background: rgba(0,0,0,0.06); }

.custom-popover.dtl-search { width: 306px; }
.custom-popover .cp-title, .custom-popover .cp-footer
{ border-bottom: 1px solid rgba(0,0,0,0.09); color: rgba(0, 0, 0, 0.6); font-size: 13px; padding: 0 10px;  background: #f3f3f3;font-weight: 600; line-height: 42px;  }
.custom-popover .cp-footer{padding: 10px;}
.custom-popover.dtl-search .cp-footer{border-top:1px solid rgba(0,0,0,0.09)}
.custom-popover.dtl-search .cp-body .fst select { color: #000; }
.custom-popover .cp-body .search-inpt .fst { width: 100%; }
.custom-popover .cp-body .slider-inpt .fst { margin-left: 2%; width: 96%; }
.custom-popover.dtl-search .cp-body { padding: 0 10px; }
.dropdown-menu{font-size: 13px;}


/* end widget-tile */

.bounce-1 { animation: bounce1 5s ease; translateY(0px); transition: 0.5s; }
.bounce-2 { animation: bounce2 5s ease; translateY(0px); transition: 0.5s; }
.bounce-3 { animation: bounce3 5s ease; translateY(0px); transition: 0.5s; }
.bounce-4 { animation: bounce4 5s ease; translateY(0px); transition: 0.5s; }
@keyframes bounce1 {
    0% { transform: translateY(0px); } 5% { transform: translateY(15px); } 10% { transform: translateY(0px); }}
    @keyframes bounce2 {
        5% { transform: translateY(0px); } 10% { transform: translateY(15px); } 15% { transform: translateY(0px); }}
        @keyframes bounce3 {
            10% { transform: translateY(0px); } 15% { transform: translateY(15px); } 20% { transform: translateY(0px); }}
            @keyframes bounce4 {
                15% { transform: translateY(0px); } 20% { transform: translateY(15px); } 25% { transform: translateY(0px); }}
                .boot-style-4 .form-group { position: relative; }
                .boot-style-4 .form-group input[type="text"],
                .boot-style-4 .form-group select,
                .boot-style-4 .form-group input[type="password"] { background: transparent; border: none; padding: 0px; border-bottom: 1px solid rgba(0,0,0,0.15); width: 100% ; }

                .boot-style-4 .form-group .control-label,
                .boot-style-4 .form-group span.control-label,		
                .boot-style-4 .form-group label.control-label,		
                .boot-style-4 .form-group label { color: #777; font-size: 14px; margin-top: -10px; position: absolute; top: 50%; left: 0px; }
                .boot-style.one-input.text-up .form-group input[type="text"],
                .boot-style.one-input.text-up .form-group input[type="password"] { background: none !important; }

                .inpt-txt { font-size: 13px; padding-left: 4px; }
                .anim-text .inpt-txt { color: #649ae1; }

                .boot-style .switch-mob.full-width input.cmn-toggle-round + label { float: right;}
                .boot-style .switch-mob.full-width > label { width: 100%; margin-bottom: 0px; line-height: 25px; }
                .boot-style .switch-mob.full-width > label .span-text { font-weight: normal; }

                .boot-style.with-time .input-group-addon { padding: 0 4px; }
                .boot-style.with-time input { padding: 0 4px; line-height: 24px; }
                .boot-style.with-time .has-feedback.has-error .input-group-addon { border-top: 1px solid #EC6F5A; border-right: 1px solid #EC6F5A; }
                .anim-text > label { margin-top: -30px !important; font-size: 13px !important; }
                .border-focus { background: rgba(0,0,0,0.15); bottom: 0; margin-bottom: 0; position: absolute; height: 2px; width: 0%; transition-duration: 0.5s; z-index: 10; }
                .anim-text .border-focus { width: 100%; }
                .choosen-with-drop+.border-focus { width: 100%; }
                .chosen-container-multi .chosen-choices .search-field input[type="text"] { font-size: 12px; line-height: 24px; }

                /*.sub-nav{display: none;}*/

                .sidebar-menu ul.stybdr { width: 100%; background: rgba(0, 0, 0, 0.12); display: none; max-height: none !important; }
                .sidebar-menu ul.stybdr li:last-child{border-bottom: none;}
                .sidebar-menu ul .sub-nav  li
                { border-bottom: 1px solid rgba(0, 0, 0, 0.09); clear: both; }

                /*top full Menu*/
                /*Form Wizard*/
                .form-wiz-page .pager li > a,
                .form-wiz-page .pager li > span { border-radius: 0px; cursor: pointer;}
                .form-wiz-page .pager li > a,
                .form-wiz-page .pager li > span { border: none; color: #fff; border-radius: 0px; background: #649AE1;  font-weight: 600; padding: 8px 20px; text-align: center; width: 100px; transition: 0.5s; }
                .form-wiz-page .pager li > a:hover,
                .form-wiz-page .pager li > span:hover{ background: #397ED9; opacity: 0.93;}

                .form-wiz-page .pager { margin: 0px; }
                .form-wiz-page .pager li.disabled a
                { color: rgba(0,0,0,0.4); box-shadow: inset 0 0 0 42px rgba(0, 0, 0, 0.09); background: #fff !important; border-color: rgba(0,0,0,0.15); }
                .form-wiz-page .pager li.disabled.next  .btn,
                .form-wiz-page .pager li.disabled.next .btn:hover,
                .form-wiz-page .pager li.disabled.next .btn:focus,
                .form-wiz-page .pager li.disabled.previous .btn,
                .form-wiz-page .pager li.disabled.previous .btn:hover,
                .form-wiz-page .pager li.disabled.previous .btn:focus,
                .form-wiz-page .pager li.disabled .btn,
                .form-wiz-page .pager li.disabled .btn:hover,
                .form-wiz-page .pager li.disabled .btn:focus
                { color: rgba(0,0,0,0.4) !important; background: #fff !important; border-color: rgba(0,0,0,0.15); cursor: not-allowed; box-shadow: inset 0 0 0 42px rgba(0, 0, 0, 0.09); }

                .form-wiz-page .pager li > .btn{ background: #649AE1; font-weight: 600; color: #fff; width: 100px; border-color:rgba(0,0,0,0.15);}
                .form-wiz-page .fst-wiz { border-color: #ddd; border-style: solid; margin-bottom: 20px; border-width: 0px; }
                .form-wiz-page  .boot-style-4 .form-group .control-label,
                .form-wiz-page  .boot-style-4 .form-group span.control-label,		
                .form-wiz-page  .boot-style-4 .form-group label.control-label,		
                .form-wiz-page  .boot-style-4 .form-group label { margin-top: -19px; font-size: 13px; }
                .form-wiz-page .navbar { margin-bottom: 0px;	min-height: auto !important; background: #fff; border-radius: 0px !important; }
                .form-wiz-page .tab-content { padding: 20px; }
                .form-wiz-page .wizard-nav li{width: 25%;}
                .form-wiz-page .wizard-nav li a { position: relative; width: 100%; }
                .form-wiz-page .fst-wiz .wizard-nav li a:hover,
                .form-wiz-page .fst-wiz .wizard-nav li a:focus
                { box-shadow: none !important; background: none; }

                .form-wiz-page .wizard-nav li.previous .step-text { color: #649ae1; }
                .form-wiz-page .wizard-nav li a .step-count{  border-radius: 50%; height: 44px; position: relative; width: 44px; border: 0px solid rgba(0, 0, 0, 0.15); line-height: 39px; text-align: center; background: #d9d9d9; margin: 0 auto; }
                .form-wiz-page .fst-wiz .step-text {  bottom: -42px;  }
                .form-wiz-page .wizard-nav li.active .step-text { color: #649AE1; font-weight: 600; }
                .form-wiz-page .wizard-nav li.previous .step-text { color: #35d672 !important; font-weight: 600; }
                .form-wiz-page  .wizard-nav li .step-text { position: absolute; left:0px; right: 0px; text-align: center; overflow: hidden; height: 35px; line-height: 35px; font-size: 12px;} 

                .form-wiz-page .wizard-nav.nav-pills > li.previous > a .step-count,
                .form-wiz-page .wizard-nav.nav-pills > li.active > a .step-count
                {  border: 0px solid #649AE1;  color: rgba(0, 0, 0, 0.8); background: #d9d9d9; font-weight: 600;}

                .form-wiz-page .wizard-nav.nav-pills > li.previous > a .step-count {background: #35d672;}

                .form-wiz-page .wizard-nav.nav-pills > li.active > a, 
                .form-wiz-page .wizard-nav.nav-pills > li.active > a:hover, 
                .form-wiz-page .wizard-nav.nav-pills > li.active > a:focus{ background: none; }

                .form-wiz-page .wizard-nav li.previous,
                .form-wiz-page .wizard-nav li.previous:hover,
                .form-wiz-page .wizard-nav li.previous:focus,
                .form-wiz-page .wizard-nav li.active,
                .form-wiz-page .wizard-nav li.active:hover,
                .form-wiz-page .wizard-nav li.active:focus
                {font-weight: 600;} 

                .form-wiz-page .nav-pills > li + li{ margin-left: 0px; }
                .form-wiz-page .fst-wiz .wizard-nav { position: relative; margin-top: 20px;  }
                .form-wiz-page .progress { position: absolute; margin-bottom: 0px; left: 0%; top: 50%; width: 100%; height: 8px; margin-top: -4px; }
                .form-wiz-page .sec-wiz .wizard-nav { position: relative; }
                .form-wiz-page .sec-wiz .progress { position: absolute; margin-bottom: 0px; left: 0%; top: 100%; width: 100%; height: 2px; }
                .form-wiz-page .wizard-nav .progress .bar { background-color: #649AE1; background-repeat: repeat-x; box-sizing: border-box; color: #fff; float: left; font-size: 12px; height: 100%; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); transition: width 0.6s ease 0s; width: 0; }
                .form-wiz-page .navbar { border: 0px; }
                .form-wiz-page .fst-wiz.sec-wiz { border-width: 0px !important; }
                .form-wiz-page .sec-wiz .panel-heading { border-bottom: 1px solid #e7e7e7; padding: 10px 15px; }
                .form-wiz-page .sec-wiz .panel { border: 1px solid #ddd; }
                .form-wiz-page .sec-wiz .wizard-nav li a .step-count{ width: 22px; height: 22px; line-height: 18px; position: absolute; bottom: 0px;     bottom: 0px; margin-bottom: -11px; left: 50%; margin-left: -11px; }
                .form-wiz-page .sec-wiz .step-text {  height: 45px; line-height: 45px; position: relative !important; text-align: center; }
                .form-wiz-page .sec-wiz .wizard-nav li:last-child .step-text { border-right: 0px; }
                .form-wiz-page .sec-wiz .wizard-nav li { height: auto; border-right: 1px solid rgba(0,0,0,0.15); }
                .form-wiz-page .sec-wiz .form-group { float: left; width: 100%; }
                .form-wiz-page .sec-wiz .form-group input { float: left; }
                .form-wiz-page .sec-wiz .navbar { border: 0px !important; border-bottom: 0px !important; border-top: 0px !important; border-left: 0px !important; border-right: 0px !important; }
                .form-wiz-page .sec-wiz .control-label,
                .form-wiz-page .sec-wiz span.control-label,		
                .form-wiz-page .sec-wiz label.control-label,		
                .form-wiz-page .sec-wiz label { color: #777 !important; margin-top: -30px !important; }

                .form-wiz-page .trd-wiz .panel { border: 1px solid #ddd; }
                .form-wiz-page .trd-wiz .panel-heading { border-bottom: 1px solid #ddd; padding: 10px 15px; }
                .form-wiz-page .trd-wiz .wizard-nav li a {  border: medium none; border-radius: 2px;  height: 60px; left: 0; line-height: 60px; margin: 0px; position: relative; text-align: left; width: 100%; border-left: 2px solid rgba(0,0,0,0.15); background: #fff; box-shadow: inset 0 0 0 60px rgba(0,0,0,0.09); overflow: hidden; }
                .form-wiz-page .trd-wiz .wizard-nav li a .step-text{ margin-top: 14px; line-height: 34px; display: inline-block; }
                .form-wiz-page .trd-wiz .wizard-nav li a:hover,
                .form-wiz-page .trd-wiz .wizard-nav li a:focus
                { box-shadow:inset 0 0 0 42px rgba(0, 0, 0, 0.09) !important; background: none; }

                .form-wiz-page .trd-wiz .wizard-nav li { height: auto; padding: 7px 0px 7px 7px; }
                .form-wiz-page .trd-wiz .wizard-nav li:last-child { padding-right: 7px; }
                .form-wiz-page .trd-wiz .wizard-nav li.active a .icon-wiz { background: #fff; }
                .form-wiz-page .trd-wiz .wizard-nav li a .step-count { background: #fff; border-radius: 50%; box-sizing: content-box; float: left; height: 30px; line-height: 30px; margin-left: 0px; margin-right: 12px; margin-top: 14px; text-align: center; width: 30px; }

                .form-wiz-page .trd-wiz textarea { border-radius: 0px; border: 1px solid #ddd; font-size: 13px; }
                .form-wiz-page .sec-wiz textarea { padding-top: 0px !important; padding-left: 4px !important; border-radius: 0px; border-bottom: 1px solid #ddd; font-size: 13px; }

                .form-wiz-page .trd-wiz .wizard-nav.nav-pills > li.active > a,
                .form-wiz-page .trd-wiz .wizard-nav.nav-pills > li.active > a:hover,
                .form-wiz-page .trd-wiz .wizard-nav.nav-pills > li.active > a:focus,
                .form-wiz-page .trd-wiz .wizard-nav.nav-pills > li.previous > a,
                .form-wiz-page .trd-wiz .wizard-nav.nav-pills > li.previous > a:hover,
                .form-wiz-page .trd-wiz .wizard-nav.nav-pills > li.previous > a:focus
                { border-width: 0 0 0 2px !important; color: #649ae1;  border-color: #649ae1; }

                .boot-style .dropdown-menu > li > a { padding: 0 4px 0 4px; font-size: 12px; line-height: 31px;}
                /*sidebar styling*/
                #overflow { list-style-type: none; width: 175px; display: none; position: absolute; left: -89px; }
                .more.menu-click { position: relative; }
                .button-ripple { cursor: pointer; text-decoration: none; transition: .5s; border-radius: 2px; display: inline-block; margin: 0; overflow: hidden;}
                .main-header .button-ripple { border-radius: 0px !important; }
                .button-ripple .ripple-wrapper { background: rgb(224, 224, 224); }

                .main-content .local-menu { background: #fff; bottom: 0; left: 20px; position: fixed; top: 62px; border-right: 1px solid #ddd; width: 300PX; box-sizing: border-box; border-left: 1px solid #ddd; border-top: 1px solid #ddd; transition: 0.5s; }
                .main-content .local-menu ul li a{padding-left: 12px;padding-right: 12px;}
                .main-content .local-menu ul li a i{padding-right: 12px;}
                .main-content .local-menu:before { content: ""; background: rgba(0, 0, 0, 0.05); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1;}
                .main-content .fixed-local-menu.local-menu { position: fixed; top: 42px; }
                .fixed-local-menu.local-menu,
                .fixed-local-menu.local-menu { top: 42px; }
                .icon-mnu   .main-content .local-menu,
                .two-mnu.icon-mnu   .main-content .local-menu
                { left: 62px; }

                .icon-mnu.rgt .local-menu,
                .two-mnu.rgt.icon-mnu .local-menu
                { left: 20px; }

                .third-mnu   .main-content .local-menu { left: 140px; margin-right: 20px; }
                .rgt.third-mnu  .main-content .local-menu { left: 20px; margin-right: 20px; }
                .close-lft-overlap-mnu .icon-mnu   .main-content .local-menu,
                .close-lft-overlap-mnu .third-mnu   .main-content .local-menu,
                .close-lft-overlap-mnu .two-mnu.icon-mnu   .main-content .local-menu
                { left: 20px; }
                .rgt.nonoly-lyt .right-box-scroll { margin-left: 320px; }
                .nonoly-lyt.lft-mnu   .main-content .local-menu,
                .two-mnu.nonoly-lyt   .main-content .local-menu
                { left: 324px; }
                .close-lft-overlap-mnu .nonoly-lyt.lft-mnu  .main-content .local-menu,
                .close-lft-overlap-mnu .two-mnu.nonoly-lyt  .main-content .local-menu
                { left: 20px;}
                .right-box-scroll { position: relative; transition: 0.5s; }
                .third-mnu .right-box-scroll { margin-left: 320px; }
                .nonoly-lyt.lft-mnu .right-box-scroll,
                .two-mnu.nonoly-lyt .right-box-scroll
                { margin-left: 320px; }
                .lft-mnu .right-box-scroll,
                .rgt-mnu .right-box-scroll { margin-left: 320px; }
                .right-box-scroll h5 { color: #777 !important; }

                /* ===== start DataTable css ===== */
                /* ==== with-btn line-height  ==== */
                .changes-table-wrpr table.dataTable.changes-table.with-btn tbody th, 
                .changes-table-wrpr table.dataTable.changes-table.with-btn tbody td { line-height: 31px; }
                .changes-table-wrpr table.dataTable thead th, table.dataTable thead td{ border-bottom: 1px solid #aaa; }
                .changes-table-wrpr .table-filter { border-bottom: 1px solid #aaa; padding: 5px; margin-top: 0px;}
                .changes-table-wrpr .table-footer{ border-top: 1px solid #aaa; padding: 8px; }
                .changes-table-wrpr table.dataTable.changes-table tbody th, 
                .changes-table-wrpr table.dataTable.changes-table tbody td { padding: 6px 12px !important;  white-space: nowrap; font-size: 13px; line-height: 22px; }
                .changes-table-wrpr table.dataTable.changes-table thead th, 
                .changes-table-wrpr table.dataTable.changes-table thead td{ font-size: 13px; text-transform: capitalize; }

                .changes-table-wrpr table.dataTable.changes-table thead>tr>th.sorting_asc,
                .changes-table-wrpr table.dataTable.changes-table thead>tr>th.sorting_desc,
                .changes-table-wrpr table.dataTable.changes-table thead>tr>th.sorting,
                .changes-table-wrpr table.dataTable.changes-table thead>tr>td.sorting_asc,
                .changes-table-wrpr table.dataTable.changes-table thead>tr>td.sorting_desc,
                .changes-table-wrpr table.dataTable.changes-table thead>tr>td.sorting{ padding-right: 30px !important; }

                .changes-table-wrpr table.dataTable.changes-table thead>tr>th.sorting_asc,
                .changes-table-wrpr table.dataTable.changes-table thead>tr>th.sorting_desc,
                .changes-table-wrpr table.dataTable.changes-table thead>tr>td.sorting_asc,
                .changes-table-wrpr table.dataTable.changes-table thead>tr>td.sorting_desc{box-shadow: inset 0 -1px 0 0px rgba(0, 0, 0, 0.3); }

                .changes-table-wrpr table.dataTable.changes-table tbody th.icon i, 
                .changes-table-wrpr table.dataTable.changes-table tbody td.icon i
                .basic-style tr td.icon i { width: 25px; font-size: 12px; color: rgba(0,0,0,0.4); }

                .changes-table-wrpr table.dataTable.hover.changes-table tbody tr:hover td.icon i, 
                .changes-table-wrpr table.dataTable.display.changes-table tbody tr:hover td.icon i,
                .basic-style tr:hover td.icon i
                { color: rgba(0,0,0,0.7); }
                .changes-table-wrpr table.dataTable.changes-table thead .sorting::before, 
                .changes-table-wrpr table.dataTable.changes-table thead .sorting_asc::before, 
                .changes-table-wrpr table.dataTable.changes-table thead .sorting_desc::before, 
                .changes-table-wrpr table.dataTable.changes-table thead .sorting_asc_disabled::before, 
                .changes-table-wrpr table.dataTable.changes-table thead .sorting_desc_disabled::before{
                    content:"\f106"; font-family: "FontAwesome"; top: 50%; margin-top: -6px;
                }
                .changes-table-wrpr table.dataTable.changes-table thead .sorting_asc::after,
                .changes-table-wrpr table.dataTable.changes-table thead .sorting_desc::before
                { color: rgba(0,0,0,0) !important; }

                .changes-table-wrpr table.dataTable.changes-table thead .sorting::after, 
                .changes-table-wrpr table.dataTable.changes-table thead .sorting_asc::after, 
                .changes-table-wrpr table.dataTable.changes-table thead .sorting_desc::after,
                .changes-table-wrpr table.dataTable.changes-table thead .sorting_asc_disabled::after, 
                .changes-table-wrpr table.dataTable.changes-table thead .sorting_desc_disabled::after{ content:"\f107"; font-family: "FontAwesome"; right: 1em; bottom: 50%; margin-bottom: -6px;}

                .changes-table-wrpr .dataTables_wrapper .dataTables_length{ padding-top:0px;  line-height: 27px; }
                .changes-table-wrpr .dataTables_wrapper .dataTables_length label{ font-weight: 600; margin-bottom: 0px; }
                .changes-table-wrpr div.dataTables_wrapper div.dataTables_info{  margin: 0px;  padding-top: 0px; line-height: 27px; margin-right: 16px; }

                .changes-table-wrpr div.dataTables_wrapper div.dataTables_info,
                .changes-table-wrpr .dataTables_wrapper .dataTables_length
                { color: rgba(0,0,0,0.6); }
                .changes-table-wrpr div.dataTables_wrapper div.dataTables_length select { height: 27px; line-height: 27px; margin: 0 5px; }

                .changes-table-wrpr table.dataTable.changes-table{ margin-top: 0px !important; margin-bottom: 0px !important; }
                .changes-table-wrpr table.dataTable.changes-table.no-footer{ border-bottom: none; }
                .changes-table  td.btn-width { min-width: 150px; }
                table.dataTable.changes-table thead th, 
                table.dataTable.changes-table thead td{ padding: 6px 12px; line-height: 22px; padding-left: 12px !important; }

                table.dataTable.changes-table.with-btn thead th, 
                table.dataTable.changes-table.with-btn thead td{ line-height: 31px; }
                .changes-table-wrpr table.dataTable.changes-table.with-btn thead .sorting::before, 
                .changes-table-wrpr table.dataTable.changes-table.with-btn thead .sorting_asc::before, 
                .changes-table-wrpr table.dataTable.changes-table.with-btn thead .sorting_desc::before, 
                .changes-table-wrpr table.dataTable.changes-table.with-btn thead .sorting_asc_disabled::before, 
                .changes-table-wrpr table.dataTable.changes-table.with-btn thead .sorting_desc_disabled::before{ margin-top: -10px; }
                .changes-table-wrpr table.dataTable.changes-table.with-btn thead .sorting::after, 
                .changes-table-wrpr table.dataTable.changes-table.with-btn thead .sorting_asc::after, 
                .changes-table-wrpr table.dataTable.changes-table.with-btn thead .sorting_desc::after,
                .changes-table-wrpr table.dataTable.changes-table.with-btn thead .sorting_asc_disabled::after, 
                .changes-table-wrpr table.dataTable.changes-table.with-btn thead .sorting_desc_disabled::after{ margin-bottom: -10px; }
                .changes-table-wrpr .dataTables_scrollBody .changes-table thead .sorting:before,
                .changes-table-wrpr .dataTables_scrollBody .changes-table thead .sorting_asc::before,
                .changes-table-wrpr .dataTables_scrollBody .changes-table thead .sorting_desc::before,
                .changes-table-wrpr .dataTables_scrollBody .changes-table thead .sorting_asc_disabled::before,
                .changes-table-wrpr .dataTables_scrollBody .changes-table thead .sorting_desc_disabled::before
                { content: "" !important; }
                .changes-table-wrpr .dataTables_wrapper .DTFC_RightWrapper{ right:auto !important; top:auto !important; opacity: 0; }
                .style-2.changes-table-wrpr table.dataTable thead th,
                .style-2.changes-table-wrpr  table.dataTable thead td
                { border-top:1px solid #aaa; }
                .changes-table-wrpr .dataTables_wrapper .top .dataTables_filter input{ width:320px; line-height: 29px; padding-left: 25px; border-width: 1px; border-color: rgba(0,0,0,0.18); margin-left: 0px; } 
                .changes-table-wrpr .dataTables_wrapper .top .dataTables_filter input:focus{ border-color: rgba(0,0,0,0.3); }
                .feature-table-wrpr .dataTables_wrapper .top .dataTables_filter input:focus{ border-width: 1px; }
                .changes-table-wrpr div.dataTables_wrapper div.dataTables_filter label:before{ content: "\f002"; position: absolute; left: 1px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; top: 1; color: rgba(0, 0, 0, 0.3); height: 29px; width: 29px; line-height: 29px; text-align: center; }

                .changes-table-wrpr div.dataTables_wrapper div.dataTables_filter label{ position: relative; margin-bottom: 0px; }
                .changes-table-wrpr div.dataTables_wrapper div.dataTables_filter{ float: left; }
                .changes-table-wrpr .dataTables_wrapper.no-footer .dataTables_scrollBody{ border-bottom: none; }
                .changes-table-wrpr table.dataTable.changes-table tbody td .bedge-semi{ font-weight: normal; }

                .changes-table-wrpr table.dataTable.changes-table tbody td.icon i:hover{color: rgba(0,0,0,0.8); cursor: pointer;}



                .basic-style.table > tbody > tr > td.icon,
                .changes-table-wrpr table.dataTable.changes-table tbody td.icon
                { text-align: right !important; }

                .basic-style.table > tbody > tr > td.icon i,
                .changes-table-wrpr table.dataTable.changes-table tbody td.icon i
                { font-size: 12px; text-align: center; width: 35px; }

                /* === for col reorder  (generate out of body) === */
                .DTCR_clonedTable{ background: rgba(0,0,0,0.09); border-bottom:1px dashed rgba(0,0,0,0.3) !important;  cursor: move !important;}
                table.dataTable.DTCR_clonedTable thead th,
                table.dataTable.DTCR_clonedTable thead td
                { border-bottom:1px dashed rgba(0,0,0,0.3); border:1px dashed rgba(0,0,0,0.3); }
                .DTCR_clonedTable .dataTables_scrollBody{ border-bottom:1px dashed rgba(0,0,0,0.3) !important;  }
                table.dataTable.DTCR_clonedTable thead .sorting, 
                table.dataTable.DTCR_clonedTable thead .sorting_asc,
                table.dataTable.DTCR_clonedTable thead .sorting_desc{ cursor: move !important;}
                /* === end for col reorder === */

                /* ==== for fixed column ==== */
                .fixed-column.changes-table-wrpr .DTFC_LeftBodyLiner table.dataTable.changes-table thead .sorting::after,
                .fixed-column.changes-table-wrpr .DTFC_LeftBodyLiner table.dataTable.changes-table thead .sorting_asc::after,
                .fixed-column.changes-table-wrpr .DTFC_LeftBodyLiner table.dataTable.changes-table thead .sorting_desc::after,
                .fixed-column.changes-table-wrpr .DTFC_LeftBodyLiner table.dataTable.changes-table thead .sorting_asc_disabled::after, 
                .fixed-column.changes-table-wrpr .DTFC_LeftBodyLiner table.dataTable.changes-table thead .sorting_desc_disabled::after,
                .fixed-column.changes-table-wrpr .DTFC_LeftBodyLiner table.dataTable.changes-table thead .sorting::before,
                .fixed-column.changes-table-wrpr .DTFC_LeftBodyLiner table.dataTable.changes-table thead .sorting_asc::before,
                .fixed-column.changes-table-wrpr .DTFC_LeftBodyLiner table.dataTable.changes-table thead .sorting_desc::before,
                .fixed-column.changes-table-wrpr .DTFC_LeftBodyLiner table.dataTable.changes-table thead .sorting_asc_disabled::before,
                .fixed-column.changes-table-wrpr .DTFC_LeftBodyLiner table.dataTable.changes-table thead .sorting_desc_disabled::before
                { content: ""; }
                .fixed-column .dataTable.changes-table.DTFC_Cloned{ margin-bottom: 0px !important; border-bottom: 0px !important; }
                /* ==== for fixed column ==== */

                /* ==== for row-reorder ==== */
                table.dt-rowReorder-float { position: absolute !important; opacity: 0.8; table-layout: static; outline: 2px solid #000; z-index: 2001; }
                tr.dt-rowReorder-moving { outline: 1px solid #649ae1; background: #649ae1; opacity: 0.1; }
                /* ==== end row-reorder ==== */
                /*end DataTable css*/

                /*Data Table optn-bar*/
                .optn-bar .optn-bar-mnu { display: none; }
                .optn-bar .optn-bar-mnu a { background: #fff; border: 1px solid #ddd; border-radius: 4px !important; color: rgba(0, 0, 0, 0.6); display: inline-block; line-height: 22px; padding: 0 6px; line-height: 22px;width: 26px; }
                .optn-bar .optn-bar-mnu a span { line-height: 22px; }
                .optn-bar.optn-right .optn-bar-status { float: right; }
                .optn-bar-wrapper { background: rgba(0, 0, 0, 0.15); width: 100%; position: relative; padding: 0px; }
                .optn-bar-wrapper.border-bottom-1{border-color: #ddd !important;}
                .optn-bar.more-optn .optn-bar-status .btn-txt { display: none; }
                .optn-bar.more-optn .optn-bar-status i { margin-right: 0px; }
                .optn-bar-wrapper .optn-bar .optn-bar-status ul li { display: inline-block; padding: 6px 0; }
                .optn-bar-wrapper .optn-bar.optn-right .optn-bar-status ul { right: 0px; }
                .optn-bar-wrapper .optn-bar.optn-more .optn-bar-status .btn-txt { display: none; }
                .optn-bar-wrapper .optn-bar .tooltip { display: none !important; }
                .optn-bar-wrapper .optn-bar.optn-more .tooltip { display: block !important; }
                .optn-bar-wrapper .optn-bar.optn-right .optn-bar-status ul li{float: right; margin-left: 5px;}
                .optn-bar-wrapper .optn-bar.optn-left .optn-bar-status ul li{float: left; margin-right: 5px;}
                .optn-bar-wrapper .optn-bar.optn-more .optn-bar-status .btn.example-pop{ height: auto;} 
                .optn-bar-wrapper .optn-bar .optn-bar-status .btn.example-pop.btn-def-3d{ border-width: 0 0 3px 0; border-color:rgba(0,0,0,0.15); 
                                                                                          border-style: solid; }
                .optn-bar-wrapper .optn-bar .optn-bar-status .btn.example-pop{width:auto; height: auto; font-size: 12px; }
                .optn-bar-wrapper .optn-bar.optn-more .optn-bar-status ul li >.btn{width:42px;}
                .optn-bar-wrapper .optn-bar.optn-more .optn-bar-status ul li >.btn i{text-align: center; float: none; margin-right: 0px;}
                .optn-bar-wrapper .optn-bar .optn-bar-status .cp-wrpr{height: auto; width: auto;}
                .optn-bar-wrapper .optn-bar.optn-more .optn-bar-status .btn.example-pop i{float: none; text-align: center; margin-right: 0px;}
                .optn-bar-wrapper .optn-bar .optn-bar-status .custom-popover .btn .btn-txt{display: block;}
                /* === Data Table optn-bar ===*/

                /* dropdown menu*/
                .search-drop.dropdown-menu { padding-bottom: 10px; padding-top: 5px; border-radius: 0px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); left: auto; right: -8px; width: 400px; }
                .search-drop.dropdown-menu.header-dropdown:after { right: 8px !important; left: auto; }
                .dropdown-menu.search-drop.header-dropdown li:first-child { border-left: 0px !important; border-right: 0px !important; }
                .search-drop.dropdown-menu span.srch-txt { width: 20%; float: left; font-weight: normal; }
                .search-drop.dropdown-menu .input-group input { border: 1px solid #ddd; margin-top: 8px; padding: 1px 8px; font-size: 12px; float: left; border-radius: 0px; font-weight: normal; width: 100%; }
                .search-drop.dropdown-menu .input-group .input-group-addon { width: 43%; padding: 0px; background: none; }
                .search-drop.dropdown-menu .input-group .input-group-addon select { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #999; font-size: 12px; margin-top: 7px; padding: 0 4px; }
                .dropdown-menu.search-drop li { width: 100%; }
                .dropdown-menu.search-drop.header-dropdown li { line-height: 35px; border-top: 0px !important; height: auto; border: none !important; margin: 0px !important; }
                .dropdown-menu.search-drop.header-dropdown li:last-child .input-group { width: 100%; }
                /* end dropdown menu*/

                .panel-grey .panel-heading { background: #fff; }
                .panel-grey .panel-body { background: rgba(0,0,0,0.05); position: relative; width: 100%; display: block; }
                .panel  .panel-body .table > tbody > tr > th
                {border-top: none;}

                .boot-style.form-control { max-height: 24px; height: auto !important; }
                .boot-style .selectpicker { display: none;}
                .boot-style .has-error .bootstrap-select .dropdown-toggle { border: 1px solid ##EC6F5A; }
                .boot-style .has-error .bootstrap-select .dropdown-toggle .filter-option { line-height: 24px; }
                .boot-style .form-group.has-feedback.has-error .chosen-container {  width: 100% !important; }

                .boot-style .form-group.has-feedback.has-error .chosen-container .chosen-choices,
                .boot-style .form-group.has-feedback.has-error .chosen-container .chosen-single
                {border-color:#EC6F5A !important;}

                .boot-style .form-group.has-feedback.has-success .chosen-container .chosen-choices,
                .boot-style .form-group.has-feedback.has-success .chosen-container .chosen-single
                {border-color:#4BC076 !important;}

                .boot-style .form-group.has-feedback.has-warning .chosen-container .chosen-choices,
                .boot-style .form-group.has-feedback.has-warning .chosen-container .chosen-single
                {border-color:#F7C65F !important;}

                .boot-style.p-select .form-group.has-feedback .chosen-container.chosen-container-multi + .myfeedback{ right: 5px !important; }
                .boot-style .form-group.has-feedback.has-error .chosen-container .chosen-search input,
                .boot-style .form-group.has-feedback.has-warning .chosen-container .chosen-search input,
                .boot-style .form-group.has-feedback.has-success .chosen-container .chosen-search input {
                    border: 1px solid rgba(221, 221, 221, 0.8) !important; }
                .boot-style.one-input .form-group.width_100 { width: 100%; }
                .form-inline.boot-style.two-input .width-67 { width: 67%; }
                .form-inline.boot-style.two-input .width-67 .first-cld { width: 49%; }
                .form-inline.boot-style.two-input .width-67 .sec-cld { width: 50%; }
                .form-inline.boot-style.two-input.to-cls .width-67 .first-cld{width: 47%;}
                .form-inline.boot-style.two-input.to-cls .width-67 .sec-cld{width: 47%;}
                .boot-style.two-input.to-cls .sec-cld { float: right !important; }


                .boot-style.boot-style-4 .form-group .dropdown-toggle{line-height: 30px; }
                .boot-style .form-group .dropdown-toggle { padding: 0px 4px 0px; font-size: 12px; color: rgba(0, 0, 0, 0.6); text-align: left; line-height: 29px;     border-color: rgba(0,0,0,0.18);}
                .boot-style .btn-group.open .dropdown-toggle,
                .boot-style .form-group .dropdown-toggle:hover
                {border-color: rgba(0,0,0,0.3);}

                .boot-style .form-group.has-error .dropdown-toggle{ border: 1px solid #EC6F5A; }
                .boot-style .form-group.has-error .multiselect-container .input-group input { border: 1px solid rgba(221, 221, 221, 0.8); }
                .boot-style .form-group.has-success .dropdown-toggle{ border: 1px solid #4BC076; }
                .boot-style .form-group.has-warning .dropdown-toggle{ border: 1px solid #eb9316; }


                .form-group .btn-group .multiselect-container .multiselect-item .input-group .input-group-addon,
                .form-group .btn-group .multiselect-container .multiselect-item .input-group .input-group-btn { display: none; }

                .boot-style.one-input .first-child .input-group-btn .btn { padding: 5px 12px; }
                .boot-style.one-input .input-group-btn > .btn { width: 100%; }
                .boot-style.one-input .input-group-btn { width: 69px; }
                .boot-style.boot-style-3.one-input .first-child .form-control { width: 100%; float: left; line-height: 25px; }

                .boot-style.one-input .has-success .input-group-addon {  border-color:#4BC076; background: #F7C65F;
                                                                         box-shadow: inset 0 0 0 31px rgba(255,255,255,0.8);}
                .boot-style.one-input .has-error .input-group-addon {  border-color: #EC6F5A;  background: #EC6F5A;
                                                                       box-shadow: inset 0 0 0 31px rgba(255,255,255,0.8); }
                .boot-style.one-input .has-warning .input-group-addon { border-color:#F7C65F;  background: #F7C65F;
                                                                        box-shadow: inset 0 0 0 31px rgba(255,255,255,0.8);}

                .boot-style.boot-style-4 .form-control { box-shadow: none; }
                .boot-style.boot-style-4 .form-control:focus { box-shadow: none !important; }
                .boot-style-4 .form-group select { border: none; border-bottom: 1px solid rgba(0,0,0,0.15);}
                .boot-style .boot-style-4 .bootstrap-select .dropdown-toggle { border: none !important; }
                .boot-style .form-group select option {  color: rgba(0, 0, 0, 0.6); border-width: 0 1px 0px 1px; border-color: rgba(0,0,0,0.15); border-style: solid; padding:5px 0 5px 3px;}

                .boot-style.boot-style-4 .btn-group.open .dropdown-toggle { box-shadow: none; }
                .boot-style.boot-style-4 .chosen-container-active .chosen-choices { box-shadow: none; border: none; background: none !important; }
                .boot-style.boot-style-4 .form-group .chosen-container-active .chosen-single { box-shadow: none; }
                .boot-style.boot-style-4 .form-group .form-control { background: #FFF; font-size: 12px; border-width: 0px 0px 1px; }
                .boot-style.boot-style-4 .btn-default { border-width: 0 0 1px 0; }


                /*switch checkbox*/
                .switch-mob .cmn-toggle { position: absolute; visibility: hidden; }
                .switch-mob .cmn-toggle + label { position: relative; cursor: pointer; outline: none; user-select: none; }
                .switch-mob .span-text { float: left; padding-right: 10px; font-weight: 600;line-height: 20px }
                .switch-mob input.cmn-toggle-round + label { padding: 2px; width: 40px; height: 20px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); background-color: rgba(0,0,0,0.09); border-radius: 60px; top: 0px; margin-right: 10px; }

                .switch-mob input.cmn-toggle-round + label:before,
                .switch-mob input.cmn-toggle-round + label:after { display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; content: ""; }
                .switch-mob input.cmn-toggle-round + label:before { right: 1px; border-radius: 60px; transition: background 0.5s; }
                .switch-mob input.cmn-toggle-round + label:after { width: 20px; background-color: #fff; border-radius: 100%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); transition: margin 0.5s; }


                .switch-mob input.cmn-toggle-round.primary-swc:checked + label:before { background-color: #649ae1; }
                .switch-mob input.cmn-toggle-round.success-swc:checked + label:before { background-color: #4bc076; }
                .switch-mob input.cmn-toggle-round.danger-swc:checked + label:before { background-color: #ec6f5a; }
                .switch-mob input.cmn-toggle-round.warning-swc:checked + label:before { background-color: #f7c65f; }
                .switch-mob input.cmn-toggle-round.info-swc:checked + label:before { background-color: #55badf; }
                .switch-mob input.cmn-toggle-round.dark-swc:checked + label:before { background-color: rgba(0, 0, 0, 0.6); }
                .switch-mob input.cmn-toggle-round:checked + label:after { margin-left: 20px; }

                /*start form error*/
                .has-error .myfeedback:before { color: #ec6f5a; content: "\e6bc"; }
                .has-success .myfeedback:before { color: #4bc076; content: "\e6bd"; font-size: 10px; }
                .has-warning .myfeedback:before { color: #f7c65f; content: "\e789"; font-size: 10px; }
                .myfeedback:before { font-family: icomoon; font-size: 9px; }
                .p-select .myfeedback { right: 19px !important; }
                .myfeedback{opacity: 0; display: none;}
                .has-feedback .myfeedback { position: absolute; bottom: 0px; width:31px; line-height: 31px; text-align: center; cursor: pointer; opacity: 1; right: 0px; top:0; z-index: 1; display: block;}
                .has-success .control-label,
                .has-warning .control-label
                { color: rgba(0,0,0,0.6); }

                .has-feedback .tooltip .tooltip-inner{ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.8); border: 1px solid rgba(0,0,0,0.15); }
                .has-feedback.has-warning .tooltip .tooltip-inner { background: #f7c65f; min-width: 150px;  color: #f7c65f; }
                .has-feedback.has-warning .tooltip.left .tooltip-arrow { border-left-color: #f7c65f; }
                .has-feedback.has-warning .tooltip.right .tooltip-arrow { border-right-color: #f7c65f; }
                .has-feedback.has-warning .tooltip.top .tooltip-arrow { border-top-color: #f7c65f; }
                .has-feedback.has-warning .tooltip.bottom .tooltip-arrow { border-bottom-color: #f7c65f; }

                .has-feedback.has-success .tooltip .tooltip-inner { min-width: 150px; background: #4bc076;  color: #4bc076; }
                .has-feedback.has-success .tooltip.left .tooltip-arrow { border-left-color: #4bc076; }
                .has-feedback.has-success .tooltip.right .tooltip-arrow { border-right-color: #4bc076; }
                .has-feedback.has-success .tooltip.top .tooltip-arrow { border-top-color: #4bc076; }
                .has-feedback.has-success .tooltip.bottom .tooltip-arrow { border-bottom-color: #4bc076; }

                .has-feedback.has-error .tooltip .tooltip-inner { background: #ec6f5a; min-width: 150px; color: #ec6f5a; }
                .has-feedback.has-error .tooltip.left .tooltip-arrow { border-left-color: #ec6f5a; }
                .has-feedback.has-error .tooltip.right .tooltip-arrow { border-right-color: #ec6f5a; }
                .has-feedback.has-error .tooltip.top .tooltip-arrow { border-top-color: #ec6f5a; }
                .has-feedback.has-error .tooltip.bottom .tooltip-arrow { border-bottom-color: #ec6f5a; }
                /*end form error*/

                /*powered by css*/
                .p-logo{ position: relative;height: 42px; position: relative; overflow: hidden;}
                .p-logo .p-text{ font-size: 13px; line-height: 42px; float: left; }
                .p-logo .cl-style{ position: absolute; left: 75px; top: 50%; }
                .p-logo .cl-style .icon{line-height: 42px;}
                .p-logo .cl-style, 
                .bridge2call .cl-style .icon { font-family: "design-guide" !important; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; float: left;}
                .bridge2call .cl-style .path1::before { content: "\e9a3"; color: #00638b; }
                .bridge2call .cl-style .path2::before { content: "\e9a4"; margin-left: -1em; color: #d4773b; }
                .bridge2call .cl-style .path3::before { content: "\e9a5"; margin-left: -1em; color: rgb(255, 255, 255); }
                .bridge2call{font-size: 118px; width: 194px;}
                .bridge2call .cl-style{margin-top:-59px;}

                /*=== color-logo bridge2call ===*/
                .color-logo.bridge2call .cl-style .path1::before {  color: #00638b; }
                .color-logo.bridge2call .cl-style .path2::before {  color: #d4773b; }
                .color-logo.bridge2call .cl-style .path3::before { color: rgba(255, 255, 255,1); }

                /*white-logo bridge2call*/
                .white-logo.bridge2call .cl-style .path1::before {  color: rgba(255, 255, 255,0.7); }
                .white-logo.bridge2call .cl-style .path2::before {  color: rgba(255, 255, 255,0.9); }
                .white-logo.bridge2call .cl-style .path3::before { color: rgba(0, 0, 0,1); }

                /*=== dark-logo bridge2call ====*/
                .dark-logo.bridge2call .cl-style .path1::before {  color: rgba(0, 0, 0,0.7); }
                .dark-logo.bridge2call .cl-style .path2::before {  color: rgba(0, 0, 0,0.9); }
                .dark-logo.bridge2call .cl-style .path3::before { color: rgba(255, 255, 255,1); }


                /* === panamax === */
                .panamax { font-size: 60px; width: 137px;}
                .panamax .cl-style .path1::before { content: "\ec2b";color: #000; font-size: 60px; }
                .panamax .cl-style { margin-top: -39px; }

                .imax{ width: 122px;}
                .imax.p-logo .cl-style {margin-top: -21px; width: 46px;}
                .imax.p-logo .p-text{line-height: 42px; }
                .imax .cl-style .icon{float: left; display: inline-block;}
                .imax .cl-style .path1::before { content: "\eb2c"; font-size: 13px; }
                .imax .cl-style .path2::before { content: "\eb2d"; margin-left: -2px; font-size: 35px;}
                .imax .cl-style .path3::before { content: "";   }
                /*==== color-logo imax ====*/
                .color-logo.imax .cl-style .path1::before { color:#0091d0;}
                .color-logo.imax .cl-style .path2::before { color: #f37435;}
                .color-logo.imax .cl-style .path3::before { content: "";}

                /*==== white-logo imax ====*/
                .white-logo.imax .cl-style .path1::before { color:rgba(255, 255, 255, 0.9);}
                .white-logo.imax .cl-style .path2::before { color:rgba(255, 255, 255, 0.7);}

                /*==== dark-logo imax ====*/
                .dark-logo.imax .cl-style .path1::before { color:rgba(0, 0, 0, 0.8);}
                .dark-logo.imax .cl-style .path2::before { color:rgba(0, 0, 0, 0.6);}

                .mobifin{ width:150px;}
                .mobifin.p-logo .cl-style {margin-top: -21px;}
                .mobifin .cl-style div{float: left; display: inline-block;}
                .mobifin .cl-style .path1::before { content: "\ebf2";  font-size: 42px;}
                .mobifin .cl-style .path2::before { content: "\ebf3";   font-size: 26px;   margin-left: 2px;}
                .mobifin .cl-style .path3::before { content: ""; }

                /*===== color-logo mobifin ====*/
                .color-logo.mobifin .cl-style .path1::before { color: #0091d0; }
                .color-logo.mobifin .cl-style .path2::before { color:#f37435; }
                .color-logo.mobifin .cl-style .path3::before { color: rgb(255, 255, 255);}

                /*===== white-logo mobifin ====*/
                .white-logo.mobifin .cl-style .path1::before { color: rgba(255, 255, 255, 0.9);}
                .white-logo.mobifin .cl-style .path2::before { color:rgba(255, 255, 255, 0.7); }

                /*===== dark-logo mobifin ====*/
                .dark-logo.mobifin .cl-style .path1::before { color: rgba(0, 0, 0, 0.8); }
                .dark-logo.mobifin .cl-style .path2::before { color: rgba(0, 0, 0, 0.6); }

                .billcall.p-logo{ width: 120px; }
                .billcall.p-logo .icon{ font-size: 44px; float: left; }

                .billcall .cl-style .path1::before,
                .billcall-logo .path1::before
                { content: "\e96e"; }

                .billcall .cl-style .path2::before,
                .billcall-logo .path2::before
                { content: "\e96f"; margin-left: -1em; }

                .billcall .cl-style .path3::before,
                .billcall-logo .path3::before
                { content: "\e970"; margin-left: -1em; }

                .billcall .cl-style .path4::before,
                .billcall-logo .path4::before
                { content: "\e971";  margin-left: -1em; }

                .billcall .cl-style .path5::before,
                .billcall-logo .path5::before
                { content: "\e972";   margin-left: -1em; }

                .billcall .cl-style .path6::before,
                .billcall-logo .path6::before
                { content: "\e973";  margin-left: -1em; }

                .billcall .cl-style .path7::before,
                .billcall-logo .path7::before
                { content: "\e974";  margin-left: -1em;}
                .billcall .cl-style .path8::before,
                .billcall-logo .path8::before
                { content: "\e975";  margin-left: -1em;}

                .billcall .cl-style .path9::before,
                .billcall-logo .path9::before
                { content: "\e976";  margin-left: -1em;}

                .billcall .cl-style .path10::before,
                .billcall-logo .path10::before
                { content: "\e977";  margin-left: -1em;}

                .billcall .cl-style .path11::before,
                .billcall-logo .path11::before
                { content: "\e978";  margin-left: -1em;}

                .billcall .cl-style .path12::before,
                .billcall-logo .path12::before
                { content: "\e979";margin-left: -1em;}

                .billcall .cl-style .path13::before,
                .billcall-logo .path13::before
                { content: "\e97a";margin-left: -1em;}

                .billcall .cl-style .path14::before,
                .billcall-logo .path14::before
                { content: "\e97b";margin-left: -1em;}

                .billcall .cl-style .path15::before,
                .billcall-logo .path15::before
                { content: "\e97c";margin-left: -1em;}

                .billcall .cl-style .path16::before,
                .billcall-logo .path16::before
                { content: "\e97d";margin-left: -1em;}

                .billcall .cl-style .path17::before,
                .billcall-logo .path17::before
                { content: "\e97e";margin-left: -1em;}

                .billcall.p-logo .cl-style{ margin-top: -25px; /}

                /*==== color-logo billcall =====*/

                .color-logo.billcall .cl-style .path1::before,
                .billcall-logo .path1
                {  color: #e46713;  }
                .color-logo.billcall .cl-style .path2::before,
                .billcall-logo .path2
                {  color: #e46713;}
                .color-logo.billcall .cl-style .path3::before,
                .billcall-logo .path3
                {  color: #e46713; }
                .color-logo.billcall .cl-style .path4::before,
                .billcall-logo .path4
                {  color: #e46713;}
                .color-logo.billcall .cl-style .path5::before,
                .billcall-logo .path5
                {  color: #0078ba;}
                .color-logo.billcall .cl-style .path6::before,
                .billcall-logo .path6
                {  color: #0078ba;}
                .color-logo.billcall .cl-style .path7::before,
                .billcall-logo .path7
                {  color: #0078ba;}
                .color-logo.billcall .cl-style .path8::before,
                .billcall-logo .path8
                {  color: #0078ba;}
                .color-logo.billcall .cl-style .path9::before,
                .billcall-logo .path9
                {  color: #0078ba;}
                .color-logo.billcall .cl-style .path10::before,
                .billcall-logo .path10
                {  color: #0078ba;}
                .color-logo.billcall .cl-style .path11::before,
                .billcall-logo .path11
                {  color: #0078ba;}
                .color-logo.billcall .cl-style .path12::before,
                .billcall-logo .path12
                {  color: #0078ba;}
                .color-logo.billcall .cl-style .path13::before,
                .billcall-logo .path13
                {  color: #0078ba; }
                .color-logo.billcall .cl-style .path14::before,
                .billcall-logo .path14
                {  color: #0078ba;}

                .color-logo.billcall .cl-style .path15::before,
                .color-logo.billcall .cl-style .path16::before,
                .color-logo.billcall .cl-style .path17::before,
                .billcall-logo .path15,
                .billcall-logo .path16,
                .billcall-logo .path17
                {  color: #fff;}

                /* ====== white-logo ====== */
                .white-logo.billcall .cl-style .path1::before,
                .white-logo.billcall .cl-style .path2::before,
                .white-logo.billcall .cl-style .path3::before,
                .white-logo.billcall .cl-style .path4::before
                {  color: rgba(255, 255, 255, 0.7);}

                .white-logo.billcall .cl-style .path5::before,
                .white-logo.billcall .cl-style .path6::before, 
                .white-logo.billcall .cl-style .path7::before,
                .white-logo.billcall .cl-style .path8::before, 
                .white-logo.billcall .cl-style .path9::before, 
                .white-logo.billcall .cl-style .path10::before,
                .white-logo.billcall .cl-style .path11::before,
                .white-logo.billcall .cl-style .path12::before,
                .white-logo.billcall .cl-style .path13::before,
                .white-logo.billcall .cl-style .path14::before
                {  color: rgba(255, 255, 255, 0.9);}

                .white-logo.billcall .cl-style .path15::before,
                .white-logo.billcall .cl-style .path17::before,
                .white-logo.billcall .cl-style .path16::before
                {  color: #000;}

                /*====== wyt-logo ======*/
                .dark-logo.billcall .cl-style .path1::before {  color: rgba(0, 0, 0, 0.61);}
                .dark-logo.billcall .cl-style .path2::before {  color: rgba(0, 0, 0, 0.61);}
                .dark-logo.billcall .cl-style .path3::before {  color: rgba(0, 0, 0, 0.61);}
                .dark-logo.billcall .cl-style .path4::before {  color: rgba(0, 0, 0, 0.61);}

                .dark-logo.billcall .cl-style .path5::before,
                .dark-logo.billcall .cl-style .path6::before,
                .dark-logo.billcall .cl-style .path7::before,
                .dark-logo.billcall .cl-style .path8::before,
                .dark-logo.billcall .cl-style .path9::before, 
                .dark-logo.billcall .cl-style .path10::before,
                .dark-logo.billcall .cl-style .path11::before,
                .dark-logo.billcall .cl-style .path12::before,
                .dark-logo.billcall .cl-style .path13::before,
                .dark-logo.billcall .cl-style .path14::before
                {  color: rgba(0, 0, 0, 0.8);}

                .dark-logo.billcall .cl-style .path15::before,
                .dark-logo.billcall .cl-style .path16::before,
                .dark-logo.billcall .cl-style .path17::before
                {  color: #fff;}






                /*===== end powered by css ======*/

                /*====== set-footer ======*/
                .footer .primary li a,
                .footer .secondary li a
                {float: left; line-height: 42px; color: rgba(0,0,0,0.6); }
                .footer .primary li:hover a,
                .footer .secondary li:hover a{ color: rgba(0,0,0,0.8);}
                .footer .primary li,
                .footer .secondary li
                {float: left;}
                .footer .secondary li,
                .footer .primary li
                {position: relative;}
                .footer .secondary li+li:before,
                .footer .primary li+li:before
                { content: "|"; position: absolute; line-height: 42px; left: 6px;}
                .footer .secondary li+li,
                .footer .primary li+li
                {padding-left: 20px;}
                .footer .primary li.top-scroll:before{ background: rgba(0,0,0,0.05); position: absolute; left: 0; top: 0; right: 0px; bottom: 0px;content: ""; }
                .footer .primary li.top-scroll{ margin-left: 10px; z-index: 2; height: 42px; width: 42px; padding-left: 0px; border-left: 1px solid rgba(0,0,0,0.15);}
                .footer .top-scroll a{text-align: center; float: none !important; }
                .footer .list-inline li a .fa { line-height: 42px; }
                .footer .secondary li:first-child{ padding-left: 12px; }
                .footer .top-scroll .primary-scroll .icon { color: #649AE1; line-height: 42px; }
                .footer { background: #fff; border-top: 1px solid rgba(0,0,0,0.15); bottom: 0;  box-sizing: content-box; transition: 0.5s; z-index: 2; position: relative;}
                .footer{position: fixed; left: 0px; right: 0px; margin-left: 0; margin-right: 0;}

                .third-mnu.rgt .footer,
                .two-mnu.third-mnu.rgt .footer
                {margin-right: 120px; margin-left: 0px;}
                .close-lft-overlap-mnu .third-mnu .footer{margin-right: 0px;margin-left: 0px;}

                .close-lft-overlap-mnu .icon-mnu .footer,
                .close-lft-overlap-mnu .two-mnu.icon-mnu .footer
                { margin-left: 0px; }

                .icon-mnu.rgt .footer,
                .two-mnu.rgt.icon-mnu .footer
                {margin-right: 42px; margin-left: 0px;}
                .lft-mnu.nonoly-lyt .footer,
                .two-mnu.nonoly-lyt .footer
                { margin-left: 300px; }
                .rgt.nonoly-lyt .footer,
                .rgt.nonoly-lyt .footer
                { margin-right: 300px;  margin-left: 0px;}

                .close-lft-overlap-mnu .footer
                {margin-right: 0px !important; margin-left: 0px !important;}

                .third-mnu .footer,
                .two-mnu.third-mnu .footer
                {margin-left: 120px;}

                .icon-mnu .footer,
                .two-mnu.icon-mnu .footer
                {margin-left: 42px;}
                .icon-mnu.rgt .footer
                .two-mnu.rgt.icon-mnu .footer,
                { margin-right: 42px; margin-left: 0px }
                .footer .top-scroll { text-align: center;  }
                .footer .top-scroll .icon {line-height: 42px; }
                .one-list.footer{}
                .one-list.footer .primary{display: none;}
                .one-list.footer .secondary{float: none; margin: 0 auto; display: inline-block;}
                .one-list.footer .secondary .hide{display: none;}
                .one-list.footer{background:none;border-top:none;}

                /*===== start login page ====*/
                #main-login-1{width: 300px; margin: 0 auto;}
                #main-login-1.main-login3-width{width: 359px; }
                #main-login-1.main-login3-width .panel-body{ padding:0px !important; }

                .main-login { border-top: 5px solid #649AE1; max-width: 800px; background: rgba(255, 255, 255, 0); width: 300px; box-shadow: 0 1px 20px 0 rgba(255, 255, 255, 0.3);  box-shadow: 0 12px 10px -6px rgba(0, 0, 0, 0.5);  margin: 0 auto;  border-radius:4px; }

                .main-login2 { background: rgba(255, 255, 255, 1); border: 2px solid rgba(0, 0, 0, 0.25); box-shadow: 0 1px 20px 0 rgba(255, 255, 255, 0.3);  position: relative; width: 300px;margin: 0 auto; }

                .main-login .panel-body,
                .main-login2 .panel-body
                { padding: 15px;}

                .main-login2 .panel-body .login-btn .form-group,
                .main-login .panel-body .login-btn .form-group
                {margin-bottom:0px;}

                .main-login3 { width: 359px; margin: 0 auto; }
                .main-login h1 { line-height: 35px; }
                .main-login .login-style-4 { display: block;  transition: 0.5s; position: relative; }

                .main-login .login-style-4.text-in {height: 45px;}
                .main-login .login-style-4.text-in input[type="text"],
                .main-login .login-style-4.text-in input[type="password"]
                {position: absolute; z-index: 20; background-color: transparent !important;}


                .main-login .login-style-4.text-in .input-icon,
                .main-login .login-style-4.text-in .myfeedback
                {z-index: 30;}
                .main-login .has-icon .login-style-4 .imoon { font-size: 21px; position: absolute; transition: 0.5s; top: 50%; left:-25px; margin-top:-22px; }

                .main-login .login-style-4 .inpt-txt { transition: 0.3s;  font-size: 14px; margin-top: -11px; }
                .main-login .login-style-4 select{font-size: 14px !important;}
                .main-login .login-style-4.text-in .inpt-txt {position: absolute; z-index: 10; top: 50%;}
                .main-login .login-style-4.text-in.text-up-only .inpt-txt{ color:#649AE1; top: 3px; }

                .main-login .login-style-4.text-in.text-up-only .inpt-txt,
                .main-login .login-style-4 .text-up
                {font-size: 12px;}

                .login-style-4.text-up-only .border-focus{width: 100%;}
                .login-style-4.text-up-only .input-icon{ color: #649ae1; }

                .main-login .login-style-4.form-group.has-icon input[type="text"],
                .main-login .login-style-4.form-group.has-icon input[type="password"],
                .main-login3 .login-style-4.form-group.has-icon input[type="text"],
                .main-login3 .login-style-4.form-group.has-icon input[type="password"],
                .main-login .login-style-4.form-group.has-icon select,
                .main-login3 .login-style-4.form-group.has-icon select
                {  padding-left: 45px !important; }

                .main-login .login-style-4.form-group.has-feedback input[type="text"],
                .main-login .login-style-4.form-group.has-feedback input[type="password"],
                .main-login3 .login-style-4.form-group.has-feedback input[type="text"],
                .main-login3 .login-style-4.form-group.has-feedback input[type="password"]
                { padding-right: 45px !important; }

                .main-login .login-style-4.form-group.text-in .inpt-txt{position: absolute; }
                .main-login .login-style-4.form-group.text-in.has-icon .inpt-txt{ padding-left: 45px; }
                .main-login .login-style-4.form-group.text-in.has-feedback .inpt-txt{ padding-right: 45px; }

                .main-login .login-style-4.form-group.text-in.login-as .inpt-txt{display: none; }


                .keep-login{ float: right;}

                .main-login .login-style-4.form-group.has-icon .input-icon,
                .main-login .login-style-4.form-group.has-feedback .myfeedback,
                .main-login2 .login-style-4.form-group.has-icon .input-icon,
                .main-login2 .login-style-4.form-group.has-feedback .myfeedback,
                .main-login3 .login-style-4.form-group.has-icon .input-icon,
                .main-login3 .login-style-4.form-group.has-feedback .myfeedback
                { position: absolute; bottom:0;  width:45px; height: 45px; line-height: 45px; text-align: center;   }

                .main-login .login-style-4.form-group .input-icon,
                .main-login2 .login-style-4.form-group .input-icon,
                .main-login3 .login-style-4.form-group .input-icon{ opacity: 0; height: 0; width:0px;}

                .main-login .login-style-4.form-group.has-icon .input-icon,
                .main-login2 .login-style-4.form-group.has-icon .input-icon,
                .main-login3 .login-style-4.form-group.has-icon .input-icon
                { left:0px; font-size: 24px; opacity: 1; }
                .main-login .login-style-4.form-group.has-icon .input-icon.set-size{font-size: 23px;}

                .main-login .login-style-4.form-group.has-feedback .myfeedback,
                .main-login2 .login-style-4.form-group.has-feedback .myfeedback,
                .main-login3 .login-style-4.form-group.has-feedback .myfeedback
                {right:0px;  top: auto !important;  margin-top: 0px !important;}

                .main-login .login-style-4.form-group.has-feedback .myfeedback:before,
                .main-login2 .login-style-4.form-group.has-feedback .myfeedback:before,
                .main-login3 .login-style-4.form-group.has-feedback .myfeedback:before{ font-size: 10px; }

                .main-login .login-style-4.form-group.has-feedback.has-success .myfeedback:before,
                .main-login2 .login-style-4.form-group.has-feedback.has-success .myfeedback:before,
                .main-login3 .login-style-4.form-group.has-feedback.has-success .myfeedback:before{ font-size: 13px; }

                .main-login2 .login-style-4.form-group.has-icon .input-icon{background: rgba(0,0,0,0.09);}

                .main-login2 .login-style-4.form-group.has-icon input[type="text"],
                .main-login2 .login-style-4.form-group.has-icon input[type="password"],
                .main-login2 .login-style-4.form-group.has-icon select
                {padding-left:60px !important; }

                .main-login2 .login-style-4.form-group.has-icon select option{padding-left: 3px !important;-webkit-padding-start:3px !important;}

                .main-login2 .login-style-4.form-group.has-feedback input[type="text"],
                .main-login2 .login-style-4.form-group.has-feedback input[type="password"]
                {padding-right:45px !important; }

                .main-login  .border-focus,
                .main-login2  .border-focus,
                .main-login3  .border-focus { background: #649AE1; }

                .main-login .boot-style-4 .login-style-4 input.form-control,
                .main-login .boot-style-4 .login-style-4 select
                { height: 45px !important; padding: 0px !important; }

                .main-login .login-btn .btn-txt,
                .main-login2 .login-btn .btn-txt,
                .main-login3 .login-btn .btn-txt { font-weight: 600 !important; }
                .main-login2 .boot-style.boot-style-4 .form-group .form-control { height: 45px; max-height: 45px; font-size: 13px; }
                .main-login2 .boot-style.boot-style-4 .form-group .inpt-txt { display: none; }
                .main-login2 h1 { margin-bottom: 20px; }
                .main-login2 .login-style-4 .imoon-lock2::before { padding-left: 8px; }
                .main-login3 .inpt-txt { display: none; }
                .main-login3 .form-group { position: relative; }
                .main-login3 .boot-style.boot-style-4 .form-group .form-control { height: 44px; font-size: 13px;  }

                .main-login3 h1 { margin-bottom: 20px; display: none; }
                .main-login3 .form-group { margin-bottom: 0px; }
                .main-login3 .switch-mob { margin-top: 20px; }

                .main-login3 .one-input { width: 46%; float: left; margin-right: 1%; }
                .main-login3 .login-btn { position: absolute; right:0px; width: auto; }
                .main-login3 .switch-mob { display: none; }
                .main-login3 .boot-style .form-group .btn.full-width { height: 44px; width: 44px !important; }
                .main-login3 .boot-style .form-group .btn :hover,
                .main-login3 .boot-style .form-group .btn :focus
                { box-shadow: inset 0 44px 0 0 rgba(0,0,0,0.3); }

                .main-login .switch-mob .full,
                .main-login3 .switch-mob .full{ margin-bottom: 15px; }

                .main-login .switch-mob label.full .keep-login,
                .main-login3 .switch-mob label.full .keep-login{ margin-bottom:0px;   }

                .main-login3 .login-as{ display: none; }
                /*end login page */

                /*start panamax-coyright*/
                .panamax-logo .icon, .brand-logo .icon,
                .welcome-screen .icon
                {margin: 0 auto; position:relative; font-size: 95px; font-family: 'design-guide' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; overflow: hidden; display: block;}

                .panamax-logo,.brand-logo,
                .welcome-screen
                { text-align: center; position: relative;}



                .panamax-logo .path3:before{ color: #005a22;}
                .panamax-logo .path1:before,
                .panamax-logo .path2:before
                {color: #F4C281;}
                .panamax-logo .path4:before
                {color: #000;}
                .panamax-logo .path1:before { content: "\ec28"; }
                .panamax-logo .path2:before { content: "\ec29"; margin-left: -1em; }
                .panamax-logo .path3:before { content: "\ec2a"; margin-left: -1em; }
                .panamax-logo .path4:before { content: "\ec2b"; margin-left: -1em; }

                /* === bridge2call === */
                .bridge2call-logo .icon,
                /*.mobifin-logo .icon,*/
                .billcall-logo .icon
                { position: absolute; top: 50%;}

                .bridge2call-logo{ height: 50px;}
                .bridge2call-logo .icon{ margin-top: -85px; width: 100%; }

                .bridge2call-logo .path1:before { content: "\e9a3"; color: #00638b; }
                .bridge2call-logo .path2:before { content: "\e9a4"; margin-left: -1em; color: #d4773b; }
                .bridge2call-logo .path3:before { content: "\e9a5"; margin-left: -1em; color: rgba(255, 255, 255,1); }
                .bridge2call-logo .path4:before { content: ""; }
                .brand-logo.bridge2call-logo .icon, 
                .welcome-screen .bridge2call-logo .icon{ font-size:170px;}

                /* === mobifin === */
                .mobifin-logo{}
                .mobifin-logo .icon{ /*margin-top: -30px; left: 50%; margin-left: -55px;*/  width: 150px; height: 60px; font-size: 60px;}
                .mobifin-logo .path1,.mobifin-logo .path2{position: absolute;}
                .mobifin-logo .path1{left: 26px;}
                .mobifin-logo .path2{ left: 91px; line-height: 58px;}

                .mobifin-logo .path1:before { content: "\ebf2"; color: #0091d0; }
                .mobifin-logo .path2:before { content: "\ebf3"; color: #f37435;    font-size: 38px; }
                .mobifin-logo .path4:before { content: ""; }

                /* === billcall === */
                .billcall-logo{ height: 80px;}
                .billcall-logo .icon{  margin-top: -48px; width: 100%;}








                .brand-logo .teg-line,
                .welcome-screen .teg-line
                {display: none;}
                .panamax-logo .teg-line,
                .welcome-screen .panamax-logo  .teg-line 
                { font-size: 7.8px; text-align: center; color: #000; margin-top: -7px; display: block; }
                .new-login { background: #7d7d7d; border-radius: 23px; height: 42px;  transition: 0.3s; }

                .new-login .icon { background: #F8F8F8; color: RGBA(0, 0, 0, 0.76);}
                .new-login .password input {color: rgba(0, 0, 0, 0.7);}
                .new-login:hover,
                .new-login.active{ background: RGBA(177, 173, 173, 0.39); box-shadow: 0 0 5px 0px RGBA(0, 0, 0, 0.2) inset;}
                .new-login .password { left: 60px; opacity: 0; position: absolute; transition: opacity 0.5s, left 0.5s; }
                .new-login .lock { font-weight: 600; left: 60px; line-height: 42px; opacity: 1; position: absolute; transition: 0.3s; }
                .new-login .icon { border-radius: 17px; box-sizing: content-box; display: block; height: 12px; left: 6px; padding: 10px; position: absolute; text-align: center; top: 5px; transition: all 0.3s; width: 12px; }
                .new-login .icon i { line-height: 12px;}
                .new-login:hover .lock, 
                .new-login.active .lock { left: 40px; opacity: 0; }
                .new-login:hover .password,
                .new-login.active .password { left: 20px; opacity: 1; }

                .switching-tab .new-login{ position: relative; width:140px; background: #fff; cursor: pointer; margin: 0 auto;}
                .switching-tab .new-login .icon { background: #649AE1; color: #fff; }
                .switching-tab .new-login:hover .icon,
                .switching-tab .new-login.active .icon { left: 74%;}
                .switching-tab .new-login.active{ background: #649AE1; color: #fff; }
                .switching-tab .new-login.active .icon{ background: #fff !important; color: rgba(0, 0, 0, 0.7);}
                .switching-tab .new-login .password {line-height: 42px; font-weight: 600;}
                .switching-tab .new-login:hover .password,
                .switching-tab .new-login.active .password {left: 40px; opacity: 1; }

                .switching-tab{width: 470px; margin:30px auto 0;}
                .switching-tab .new-login .lock
                {top:0px;}



                /* start of modal with table and form */
                .border-dashed { border: 1px dashed rgba(0, 0, 0, 0.15); background: #fff; padding: 5px; transition: 0.5s; }
                .border-dashed:hover { border: 1px dashed rgba(0, 0, 0, 0.3); }
                .open-modal .modal-header,
                .open-modal .modal-footer,
                .modal .modal-header,
                .modal .modal-footer
                { background: rgba(0, 0, 0, 0.09); box-shadow: inset 0 0 0 62px rgba(255, 255, 255, 0.3); padding: 12px; }
                .open-modal .modal-header .close,
                .modal .modal-header .close
                { position: relative; z-index: 1;width: 42px; height: 42px; position: absolute; right: 0; top: 0; }

                .open-modal .modal-content button.close:before,
                .modal .modal-content button.close:before 
                { content: "\f00d"; display: inline-block; font: 13px/1 FontAwesome; }

                .open-modal button.close span,
                .modal button.close span 
                { font-size: 0px; }
                .open-modal.modal,
                .modal.modal
                { padding: 10px !important; }
                .open-modal .modal-dialog,
                .modal .modal-dialog
                { width:auto; }
                body.modal-open{padding-right: 0px !important;}


                /* end of modal with table and form */

                /* start common setting.html and carier.html*/
                /*.lft-mnu.nonoly-lyt   .main-content .shift-treeright .tree-aside { left: 300px;}*/
                .box-lyt.lft-mnu.nonoly-lyt   .main-content .shift-treeright .tree-aside { left: 320px; }

                /*
                .lft-mnu.nonoly-lyt.close-lft-overlap-mnu   .main-content .shift-treeright .tree-aside,
                  .main-content .shift-treeright .tree-aside { left: 0px; }
                */

                .main-content .tree-aside { transition: 0.5s; left: -230px; position: fixed; top: 42px; bottom: 0px; width: 227px; z-index: 2; box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.15); }
                .tree-aside .shift-left{  width: 42px; height: 42px; right: -35px; box-shadow: none; border-top-right-radius: 22px; border-bottom-right-radius: 22px; border-left: 11px solid rgba(0,0,0,0.09); box-shadow: 0 0 7px 3px rgba(0,0,0,0.09);background-color: #fff !important; cursor: pointer; position: absolute; transition: 0.5s; z-index: -1; }
                .tree-aside .shift-left .icon-arrow{margin-left: 5px;margin-top: -7px;}
                .tree-aside .shift-left.top{top:40px;}
                .tree-aside .shift-left.bottom{bottom:40px; top:auto;}
                .tree-aside .shift-left .icon-arrow{left: 0;color: rgba(0, 0, 0, 0.4); transition: 0.5s; position: absolute; top:50%; }
                .tree-aside .shift-left.center{top:50%;margin-top: -21px;}
                .tree-aside .shift-left:hover {	background-color: rgba(255, 255, 255, 0.8); }
                .tree-aside .shift-left:hover .icon-arrow { transform: rotate(180deg); color: rgba(0, 0, 0, 0.7); }
                .shift-treeright .tree-aside  .shift-left .icon-arrow { transform: rotate(180deg); color: rgba(0, 0, 0, 0.7); }
                .tree-aside .shift-left:hover .fa { transform: rotate(180deg); }

                .close-lft-overlap-mnu .icon-mnu .shift-treeright .tree-aside +.setting-box,
                .close-lft-overlap-mnu .two-mnu.icon-mnu .shift-treeright .tree-aside +.setting-box
                { margin-left: 227px; }
                .setting-box { transition: 0.5s; z-index: 0; position: relative;  }
                .setting-box.with_static {margin-left: 0px; float: left; width: 80%; }
                .setting-box .optn-tab { display: block; }
                .setting-box  .breadcrumb-custom ul li a:hover span { color: rgba(0, 0, 0, 0.8); }
                .setting-box  .breadcrumb-custom ul { height: 53px; margin-bottom: -1px;}
                .setting-box  .breadcrumb-custom ul li span.sec-txt { font-size: 12px; max-width: 120px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
                .setting-box  .breadcrumb-custom ul li span.prim-txt { font-size: 14px; max-width: 120px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

                .with-overlay.shift-treeright .setting-box{ margin-left: 227px; }

                .third-mnu  .main-content .with-overlay .tree-aside{ left:-107px; }
                .third-mnu  .main-content .with-overlay.shift-treeright .tree-aside{left:120px;}

                .close-lft-overlap-mnu .third-mnu  .main-content .with-overlay.shift-treeright .tree-aside{ left:0px; }
                .close-lft-overlap-mnu .third-mnu  .main-content .with-overlay .tree-aside{left: -230px;}

                /*rgt-third-menu*/
                .rgt.third-mnu  .main-content .with-overlay .tree-aside{ left:-230px; }
                .rgt.third-mnu  .main-content .with-overlay.shift-treeright .tree-aside{left:0px;}



                .icon-mnu  .main-content .with-overlay .tree-aside,
                .two-mnu.icon-mnu  .main-content .with-overlay .tree-aside
                { left:-185px; }
                .icon-mnu  .main-content .with-overlay.shift-treeright .tree-aside,
                .two-mnu.icon-mnu  .main-content .with-overlay.shift-treeright .tree-aside
                {left:42px;}

                .close-lft-overlap-mnu .icon-mnu   .main-content .with-overlay.shift-treeright .tree-aside,
                .close-lft-overlap-mnu .two-mnu.icon-mnu   .main-content .with-overlay.shift-treeright .tree-aside
                { left:0px; }
                .close-lft-overlap-mnu .icon-mnu  .main-content .with-overlay .tree-aside,
                .close-lft-overlap-mnu .two-mnu.icon-mnu  .main-content .with-overlay .tree-aside
                {left: -230px;}

                /*rgt-icon-menu*/
                .rgt.icon-mnu  .main-content .with-overlay .tree-aside,
                .rgt.two-mnu.icon-mnu  .main-content .with-overlay .tree-aside
                { left:-230px; }
                .rgt.icon-mnu  .main-content .with-overlay.shift-treeright .tree-aside,
                .rgt.two-mnu.icon-mnu  .main-content .with-overlay.shift-treeright .tree-aside
                {left:0px;}

                .nonoly-lyt.lft-mnu .shift-treeright .setting-box,
                .two-mnu.nonoly-lyt .shift-treeright .setting-box 
                { margin-left: 227px; }
                .main-content .shift-treeright .tree-aside { left: 0px; }

                .nonoly-lyt.lft-mnu  .main-content .tree-aside,
                .two-mnu.nonoly-lyt  .main-content .tree-aside
                { left: 73px; }
                .nonoly-lyt.lft-mnu  .main-content .shift-treeright .tree-aside,
                .two-mnu.nonoly-lyt  .main-content .shift-treeright .tree-aside
                { left: 300px; }

                .close-lft-overlap-mnu .nonoly-lyt.lft-mnu  .main-content .shift-treeright .tree-aside,
                .close-lft-overlap-mnu .two-mnu.nonoly-lyt  .main-content .shift-treeright .tree-aside
                { left:0px; }
                .close-lft-overlap-mnu .nonoly-lyt.lft-mnu  .main-content .tree-aside,
                .close-lft-overlap-mnu .two-mnu.nonoly-lyt  .main-content .tree-aside
                { left: -230px; }

                /* end common setting.html and carier.html*/

                /*start of sidebar-right tab-content*/
                #sidebar-right .container-sidebar .server-noty .up-time .sub-title { clear: both; color: rgba(0, 0, 0, 0.6); font-weight: bold; }
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .fst-use,
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .sec-use,
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .trd-use { float: left; margin: 0 10.5%; width: 12%; }
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info span.text-use { float: left; width: 100%; font-size: 11px; font-weight: 600; margin: 5px auto; text-align: center; }
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info span.text-use em { font-style: unset; }
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .fst-use .parent-use,
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .sec-use .parent-use,
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .trd-use .parent-use { border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15) inset; height: 200px; position: relative; float: left; width: 100%; clear: both; }
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .fst-use .parent-use .fill,
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .sec-use .parent-use .fill,
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .trd-use .parent-use .fill { bottom: 5px; display: block; float: left; left: 5px; opacity: 0.9; position: absolute; right: 5px; transition: 0.5s; }
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .fst-use .parent-use .fill { height: 25%; }
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .sec-use .parent-use .fill { height: 50%; }
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .trd-use .parent-use .fill { height: 85%; }
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .parent-use.info-use-bg { border-color: #55badf; }
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .parent-use.success-use-bg { border-color: #4bc076; }
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .parent-use.warning-use-bg { border-color: #f7c65f; }
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .parent-use.danger-use-bg { border-color: #ec6f5a;}
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .parent-use .fill{box-shadow: inset 0 0 0 18px rgba(255,255,255,0.2);}
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .parent-use.info-use-bg .fill { background: #55badf; }
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .parent-use.success-use-bg .fill { background: #4bc076; }
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .parent-use.warning-use-bg .fill { background: #f7c65f; }
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .parent-use.danger-use-bg .fill { background: #ec6f5a; }

                #sidebar-right .container-sidebar .server-noty .up-time .sys-info > label .countdown { position: absolute; top: 0px; right: 0px; font-size: 12px;}
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info label span.f-ryt { font-size: 12px; }
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info label span .sm-unit{ font-style: normal;}
                #sidebar-right .container-sidebar .server-noty .up-time .host-time { position: absolute; top: 0; right: 0; }
                #sidebar-right .container-sidebar .server-noty .up-time .host-time .small-txt { font-size: 10px; text-transform: uppercase; font-style: normal; margin-left: 5px; }
                #sidebar-right .container-sidebar .server-noty .up-time .host-time .timepicker .timepicker-picker table tr td a.btn { display: none; }
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .progress.progress-bar-xs { border-radius: 0px; height: 3px; margin-left: 12px; margin-bottom: 15px; margin-top: 10px; }
                #sidebar-right .container-sidebar .server-noty .up-time .sys-info .progress-info { background: rgba(0, 0, 0, 0.09); font-size: 11px; padding: 0 2px; }
                #sidebar-right .container-sidebar .server-noty .up-time label { width: 100%; position: relative; }
                /*end of sidebar-right tab-content*/

                /*start of bredcrumb*/
                /* fullpage breadcrumbs used in carrier and settings page*/
                .breadcrumb-custom ul li span { display: block; }

                .breadcrumb-custom ul li a::before { border-bottom: 50px solid rgba(0, 0, 0, 0); border-left: 30px solid #000;  border-top: 50px solid rgba(0, 0, 0, 0); content: ""; display: block; height: 0; left: 100%;  margin-top: -50px; position: absolute; top: 50%; width: 0; z-index: 1; }

                .breadcrumb-custom ul li a::after { border-bottom: 50px solid rgba(0, 0, 0, 0); border-left: 30px solid #E6E6E6; border-top: 50px solid rgba(0, 0, 0, 0); content: ""; display: block; height: 0; left: 100%; margin-top: -50px; position: absolute; top: 50%; width: 0; z-index: 1; }

                .breadcrumb-custom ul li.active a::before { border-left: 32px solid #649AE1;}

                .breadcrumb-custom ul li:first-child a { padding-left: 10px; }
                .breadcrumb-custom ul li a { background: #fff; color: rgba(0, 0, 0, 0.4); display: block; float: left; padding: 7px 0 7px 30px; position: relative; text-decoration: none; line-height: 20px; transition: 0.5s; box-shadow: inset 0 0 0 54px #E6E6E6; }

                .breadcrumb-custom ul li a:hover span { color: rgba(0, 0, 0, 0.8); }
                .breadcrumb-custom ul { height: 33px; margin-bottom: 5px; overflow: hidden; }
                .breadcrumb-custom ul li.active a span { color: rgba(0, 0, 0, 0.8); }

                .breadcrumb-custom ul li.active a { padding: 7px 20px 7px 30px; }
                .breadcrumb-custom ul li.active a .icon-close-btn{ display: inline; margin-top: -9px; position: absolute; right: 0; top: 50%; }
                .breadcrumb li a { color: #999; transition: 0.5s; }
                .breadcrumb li a:hover, .breadcrumb li:hover,
                .breadcrumb li a:focus, .breadcrumb li:focus, 
                .breadcrumb li.active a { color: #000; }
                .breadcrumb li.action a { color: #1c64c3; font-weight: bold; }
                .breadcrumb.bred-style-2 > li + li::before { font-style: normal; font-family: "icomoon"; display: inline-block; content: "\e6df"; }
                .breadcrumb.bred-style-3 > li + li::before { font-style: normal; display: inline-block; content: ">>"; font-size: 14px; }
                .breadcrumb { background: none !important; border-radius: 0; float: left; font-size: 12px; margin-bottom: 0 !important; padding: 0px 15px 0 15px !important; position: relative; }
                .breadcrumb > li.crumb-active > a { color: #555; font-size: 18px; }
                .breadcrumb > li + li::before { color: rgba(0, 0, 0, 0.4); content: "/ "; padding: 0 5px; }
                .breadcrumb > .active { color: rgba(0, 0, 0, 0.8); }

                .breadcrumb .glyphicon,
                .breadcrumb .glyphicons { color: rgba(0,0,0,0.6); font-size: 11px; margin-left: 1px; top: 0; }
                /*end of bredcrumb*/

                /* start setting tree css setting.html*/
                .tree-aside ul.fancytree-container { border: none; background: none; }
                .tree-aside > .panel { height: 100%; width: 100%; }
                .tree-aside > .panel > .panel-body { bottom: 0; overflow-y: auto; position: absolute; right: 0; top: 0; left: 0; }
                .tree-aside span.fancytree-icon::before { color: rgba(0, 0, 0, 0.15); }
                .tree-aside .fancytree-ico-ef span.fancytree-icon::before { color: rgba(0, 0, 0, 0.15); }
                .tree-aside .fancytree-has-children { background: RGBA(0, 0, 0, 0.1); padding: 5px 0 !important; margin-top: -2px; }
                /* end */

                /*start of carrier.html fixed-asidebar*/
                .fixed-aside { float: left; width: 20%; }
                .fixed-aside .btn.btn-md span.btn-txt { font-size: 12px; }
                .fixed-aside .form-group.bottom-margin-5 { margin-bottom: 0px; }
                .fixed-aside .justified-btn .btn.bottom-margin-5 { margin-bottom: 5px; }
                .fixed-aside .btn-md .fa { margin-top: 2px; }
                /*end of carrier.html fixed-asidebar*/

                /* ====== start of table ====== */
                .basic-style.table{background: #fff;}
                .basic-style.with-border{ border: 1px solid rgba(0,0,0,0.15); }
                .basic-style.table > thead > tr > th,
                .basic-style.table > tfoot > tr > th { background: rgba(0,0,0,0.09); }
                .basic-style.table > thead > tr > th,
                .basic-style.table > tbody > tr { transition: 0.5s; }

                .basic-style.table > thead > tr > th,
                .basic-style.table > tbody > tr > th,
                .basic-style.table > tfoot > tr > th,
                .basic-style.table > thead > tr > td,
                .basic-style.table > tbody > tr > td,
                .basic-style.table > tfoot > tr > td { line-height: 22px; padding: 6px 12px; font-size: 12px;  text-transform: capitalize; white-space: nowrap; position: relative; }

                .basic-style.with-btn.table > thead > tr > th,
                .basic-style.with-btn.table  > tbody > tr > th,
                .basic-style.with-btn.table  > tfoot > tr > th,
                .basic-style.with-btn.table  > thead > tr > td,
                .basic-style.with-btn.table  > tbody > tr > td,
                .basic-style.with-btn.table  > tfoot > tr > td { line-height: 31px; }
                .basic-style.table > tbody > tr { background: #fff; }
                .basic-style.table-hover > tbody > tr:hover .table-options a,
                .basic-style .table-options a:hover,
                .basic-style .table-options a:focus
                { color: rgba(0, 0, 0, 0.6); }
                .basic-style.table.table-all > thead > tr > th.filter_icon:before { content: "\f0b0"; display: inline-block; font: 12px/1 FontAwesome; margin-top: -6px; position: absolute; right: 10px; top: 50%; }
                .basic-style.table.table-all > thead > tr > th.filter_icon { position: relative; }
                .basic-style.table-hover > tbody > tr:hover { background-color: rgba(0,0,0,0.09); color: rgba(0, 0, 0, 0.8); }
                .basic-style .table-options
                { list-style: outside none none; margin: 0; padding: 0; text-align: center; }
                .basic-style .table-options > li > a
                { color: rgba(0, 0, 0, 0.2); font-size: 13px; line-height: 0; margin-left: 5px; transition: 0.5s; }
                .basic-style .table-options > li > a .fa
                { font-size: inherit; }
                .basic-style .table-options > li
                { display: inline-block; }
                .basic-style.table > thead > tr > th { border-bottom-width: 1px; font-weight: 600; position: relative; }
                .basic-style.with-input > tbody > tr > td{ line-height: 31px;}
                .basic-style.with-input > tbody > tr > td.input-width,
                .basic-style.table-all > tbody > tr > td.input-width
                {min-width: 250px; }
                .basic-style.with-input > tbody > tr > td .bootstrap-switch{ margin-right: 0px; margin-top: 5px; }
                .basic-style.with-rscroll.table  tbody  tr  td .table-label{display: none;}
                /* ===== end of table.html ==== */

                /*start pagination css*/
                .pagination.pagination-custom.no-background li a{ background: none; }
                .pagination.pagination-custom li{ float: left; border: 1px solid rgba(0,0,0,0.09); margin-left: -1px; position: relative;}

                .pagination.pagination-custom > li > a, 
                .pagination.pagination-custom > li > span
                {border:none;background: none; color: rgba(0,0,0,0.6); padding: 0 12px; line-height: 31px; 
                 font-size: 12px; font-weight: 600; margin-left: 0px; border-radius: 0px; background: #fff;}

                .pagination.pagination-custom.border-0 li{border:2px solid transparent; margin-left: 0px;}

                .pagination.pagination-custom.border-0 li.previous,
                .pagination.pagination-custom.border-0 li.next
                {border:2px solid rgba(0,0,0,0.09);}

                .pagination.pagination-custom.border-0>li>a:focus, 
                .pagination.pagination-custom.border-0>li>a:hover, 
                .pagination.pagination-custom.border-0>li>span:focus,
                .pagination.pagination-custom.border-0>li>span:hover,
                .pagination.pagination-custom.border-0 li.active a
                {border-radius: 4px;}

                .pagination.pagination-custom li.active a,
                .pagination.pagination-custom li.active a:hover,
                .pagination.pagination-custom li.active a:focus,
                .pagination.pagination-custom >li>a:focus, 
                .pagination.pagination-custom >li>a:hover, 
                .pagination.pagination-custom >li>span:focus,
                .pagination.pagination-custom >li>span:hover
                {background: rgba(0,0,0,0.15);color: rgba(0,0,0,0.8); }

                .pagination.pagination-custom.border-0 >li.previous>a:focus, 
                .pagination.pagination-custom.border-0 >li.previous>a:hover, 
                .pagination.pagination-custom.border-0 >li.previous>span:focus,
                .pagination.pagination-custom.border-0 >li.previous>span:hover,
                .pagination.pagination-custom.border-0 >li.next>a:focus, 
                .pagination.pagination-custom.border-0 >li.next>a:hover, 
                .pagination.pagination-custom.border-0 >li.next>span:focus,
                .pagination.pagination-custom.border-0 >li.next>span:hover
                {border-radius: 0px;}

                .pagination.pagination-custom > .disabled > span, 
                .pagination.pagination-custom > .disabled > span:hover, 
                .pagination.pagination-custom > .disabled > span:focus, 
                .pagination.pagination-custom > .disabled > a, 
                .pagination-custom.pagination > .disabled > a:hover, 
                .pagination-custom.pagination > .disabled > a:focus
                { color: rgba(0,0,0,0.4); }

                /*===== with-label ======*/
                .pagination.pagination-custom.with-label li.previous a:before{ content: "previous"; line-height: 31px;}
                .pagination.pagination-custom.with-label li.next a:before{content: "next"; line-height: 31px;}
                .pagination.pagination-custom.with-label li.previous span,
                .pagination.pagination-custom.with-label li.next span
                {display: none;}

                /*===== border-1 ======*/
                .pagination.pagination-custom.with-border li{border:none; margin-left: 0px;}
                .pagination.pagination-custom.with-border li{ border-width: 2px 0px 2px 0px; border-style: solid;
                                                              border-color: rgba(0, 0, 0, 0.09); }
                .pagination.pagination-custom.with-border li.previous{border-left: 2px solid rgba(0, 0, 0, 0.09); border-right: 2px solid rgba(0, 0, 0, 0.09); border-radius: 4px 0 0 4px;}
                .pagination.pagination-custom.with-border li.next{border-right: 1px solid rgba(0, 0, 0, 0.09); border-left: 2px solid rgba(0, 0, 0, 0.09); border-radius: 0 4px 4px 0; }

                /*===== with-radius	 ======*/
                .pagination.pagination-custom.with-radius li.previous{border-left: 2px solid rgba(0, 0, 0, 0.09); border-right: 2px solid rgba(0, 0, 0, 0.09); border-radius: 15px 0 0 15px;}
                .pagination.pagination-custom.with-radius li.next{border-right: 1px solid rgba(0, 0, 0, 0.09); border-left: 2px solid rgba(0, 0, 0, 0.09); border-radius: 0 15px 15px 0; }

                /*.pagination.pagination-custom.with-radius{border-radius: 15px; }*/
                .pagination.pagination-custom.with-radius li.previous > a{ border-top-left-radius: 13px; border-bottom-left-radius: 13px;}
                .pagination.pagination-custom.with-radius li.next > a{ border-top-right-radius: 13px; border-bottom-right-radius: 13px;}

                /* ====== active-label ====== */
                .pagination.pagination-custom.with-active li.active:before { background: #649ae1 !important; }
                .pagination.pagination-custom.with-active li:hover:before{ background: rgba(0,0,0,0.3); }
                .pagination.pagination-custom.with-active li:before {  position: absolute; bottom: -2px; content: ""; width: 100%; height: 2px; left: 0; }

                .pagination.pagination-custom.with-active li.previous:hover:before, 
                .pagination.pagination-custom.with-active li.next:hover:before{background: none;}


                .pagination.pagination-custom.with-active li.previous,
                .pagination.pagination-custom.with-active li.next
                {box-shadow: none !important;}

                .pagination.pagination-custom.with-active li.previous a:hover,
                .pagination.pagination-custom.with-active li.next a:hover{background: rgba(0,0,0,0.15);}

                /*end pagination css*/

                /* start error-page */
                .boot-style .err-2 .myfeedback { position: relative; min-width: 150px; font-size: 12px; text-align: right; height: auto; width: auto; 
                                                 display: none; float: right; top: auto; right: auto; height: auto; margin-top: 5px; padding: 0px 5px; border-left: 2px solid rgba(0,0,0,0.15); box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.85); }

                .boot-style .has-feedback.err-2 .myfeedback{ display: block;}

                .boot-style .has-error.err-2 .myfeedback {  background: #ec6f5a; color: #ec6f5a; }
                .boot-style .has-success.err-2 .myfeedback { background: #4bc076; color: #4bc076;  }
                .boot-style .has-warning.err-2 .myfeedback { background: #f7c65f; color: #f7c65f;  }

                .boot-style .err-2 .myfeedback:before { margin-right: 5px; }
                .boot-style .error-bottom,
                .error-server
                { font-size: 11px; }
                .boot-style .input-group-addon { color: rgba(0, 0, 0, 0.6); }
                .boot-style .has-feedback.has-error .input-group-addon { color: #ec6f5a; }
                .boot-style.two-input.with_label .form-group .first-cld,
                .boot-style.two-input.with_label .form-group .sec-cld { width: 43%; }
                .boot-style.two-input.with_label .form-group .sec-cld > span,
                .boot-style.two-input.with_label .form-group .first-cld > span { width: 44%; text-align: right; display: inline-block; }
                .boot-style.two-input.with_label .form-group .sec-cld .remain_inpt,
                .boot-style.two-input.with_label .form-group .first-cld .input-group { width: 56%; }
                /* end error-page */

                /*start of full-tabs*/
                .full-tabs li { color: rgba(0, 0, 0, 0.6); display: inline-block; float: left; position: relative; transition: 0.5s; }
                .full-tabs li a { line-height: 42px; color: inherit; transition: 0.5s; display: block; padding: 0 12px; }
                .full-tabs li.fst-tab a { color: rgba(0, 0, 0, 0.7); }
                .full-tabs li.fst-tab:before { content: ""; position: absolute;	width: 0; height: 0; right: -21px; top: 0; border-top: 21px solid transparent; border-bottom: 21px solid transparent; }
                .full-tabs li:after { content: ""; position: absolute; width: 0; height: 0; right: -15px; top: 6; border-top: 15px solid transparent; border-bottom: 15px solid transparent; }
                .full-tabs li.fst-tab:after { border-left: 15px solid #F2F2F2; content: ""; }
                .full-tabs li.fst-tab:before { border-left: 21px solid RGBA(0, 0, 0, 0.27) !important; }
                .full-tabs li.fst-tab + li { padding: 0 0px 0 22px; }
                .full-tab-third { display: inline; float: left; top: 42px; width: 100%; background: #649AE1; }
                .full-tab-third li { float: left; position: relative; transition: 0.5s; }
                .full-tab-third > li > a { line-height: 42px; padding: 0 12px; color: #fff; transition: 0.5s; display: block; }
                .full-tab-third li.open a { line-height: 42px; display: block; }
                ul li.open.set-icon .fa-caret-down{transform: rotate(180deg);}
                .full-tab-third li a i{ line-height: 42px; transition: 0.1s; }
                .full-tabs a.active, 
                .full-tabs a.active:hover, 
                .full-tabs a.active:focus,
                .full-tabs li a:hover,
                .full-tabs li a:focus{ box-shadow: inset 0 0 0 42px rgba(0, 0, 0, 0.09);}
                .full-tab-third li a.active:hover,
                .full-tab-third li a.active:focus,
                .full-tab-third li a.active,
                .full-tab-third > li > a:hover,
                .full-tab-third > li > a:focus{  box-shadow: inset 0 0 0 42px rgba(0, 0, 0, 0.09); color: #fff;}

                .full-tabs .sib-tab::before { padding-left: 5px; position: absolute; right: -2px; top: 11px; }
                .full-tabs .sib-tab:last-child:before { content: "" !important;}
                /* end of full-tabs*/

                /*start of sales-target.html*/
                .sales-box { position: relative; }
                .sales-box.hover-1 { transition: 0.5s; }
                .sales-box .sales-container { position: relative; width: 100%; transition: 0.5s; }
                .sales-box .sales-container.four .main-box { width: 25%; float: left; }
                .sales-box .sales-container .sub-box { position: relative; float: left; border-left: 1px solid rgba(0, 0, 0, 0.09); transistion: 0.5s; overflow: hidden; background: #fff; margin-bottom: 20px; transition: 0.5s; border-top: 3px solid RGBA(0, 0, 0, 0.3); color: rgba(0,0,0,0.6);}
                .sales-box .sales-container.four .sub-box { width: 25%;  }
                .sales-box.hover-1 .sales-container .sub-box { position: relative; transition: 0.5s; overflow: unset !important; }
                .sales-box .sales-container .sub-box .sub-box-contn { padding: 0 12px; position: relative;
                                                                      border-bottom: 1px solid rgba(0, 0, 0, 0.1); transition: 0.5s; }
                .sub-box .box-container { position: relative; }
                .sales-box .sales-container .sub-box-hdr .sub-title { font-size: 13px; float: left; margin: 5px 0 0px; width: 100%; transition: 0.5s; }
                .sales-box .sales-container .sub-box-hdr .main-title { font-size: 16px; text-transform: uppercase; margin: 0px 0 0px; width: 100%; float: left; transition: 0.5s; }
                .sub-box .box-container .box-value { float: left; font-size: 30px; transition: 0.5s; }
                .sub-box .box-container .box-graph { width: 53%; position: absolute; right: -41px; top: -16px; transition: 0.5s; }
                .sales-box .sales-container .sub-box .sub-box-hdr .up-teg { position: absolute; color: #4bc076; float: right; font-size: 12px; right: 0px; padding: 1px 5px; top: 5px; transition: 0.5s; }
                .up.style-2:before { border-bottom: 5px solid #4bc076; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); content: ""; left: 0; margin-top: -3px; position: absolute; top: 50%; padding-right: 0px !important; }

                .up-teg,.down-teg{ position: relative; }

                .up-teg .up.style-2,
                .down-teg .down.style-2{ padding-left: 15px; position: relative; }

                .sales-box .sales-container .target .box-left { width: 49%; float: left; position: relative; overflow: hidden; transition: 0.5s; }
                .sales-box .sales-container .target.three .box-left { width: 32%;}
                .sales-box .sales-container .target.three .box-right { width: 32%; margin-left: 0px; text-align: right; transition: 0.5s; }
                .sales-box .sales-container .target.three .box-left.mid { text-align: center; transition: 0.5s; }
                .sales-box .sales-container .target .box-right { float: right; margin-left: 7px; width: 47%; overflow: hidden; position: relative;}
                .sales-box .sales-container .sub-box .target { float: left; padding: 5px 8px 5px; width: 100%; transition: 0.5s; }
                .sales-box .sales-container .sub-box .target .box-right.left{float: right; border-color: rgba(0,0,0,0.09); border-width: 0 0px 0 1px; border-style: solid;  padding: 0 0px 0 8px; text-align: left; }
                .sales-box .sales-container .sub-box .target .common-spk{position: absolute;right: 0;}
                .sales-box .sales-container .target .box-left.left{border-color: rgba(0,0,0,0.09); border-width: 0 0px 0 1px; border-style: solid; padding: 0 0px 0 8px; }
                .sales-box .sales-container .sub-box .target .box-hdr { margin-bottom: 5px;clear: both;}
                .sub-box .sub-box-contn .sub-box-hdr { transition: 0.5s; position: relative;}
                .sales-box .sales-container .sub-box .target .value { display: block; color: rgba(0, 0, 0, 0.8) !important; margin: 8px 0 0 0; transition: 0.5s; }
                .sales-box .sales-container .sub-box .target .box-left .box-hdr .up { color: #4bc076; font-size: 12px; font-weight: 600; position: relative; margin-right: 0px; transition: 0.5s; }
                .down-teg .down.style-2:before { border-top: 5px solid #ec6f5a; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); content: ""; left: 0px; margin-top: -10px; position: absolute; top: 17px; padding-right: 0px !important; }
                .sales-box .sales-container .sub-box .target .box-right .box-hdr .down { margin-right: 4px; color: #ec6f5a; font-weight: 600; font-size: 12px; position: relative; margin-right: 4px; }
                .sales-box .sales-container .sub-box .target .box-right .box-hdr .title,
                .sales-box .sales-container .sub-box .target .box-left .box-hdr .title { font-weight: 600; font-size: 13px; text-align: left; transition: 0.5s; }
                .sales-box .sales-container .sub-box .sales-box .sales-container .main-box { padding: 0 12px; }
                .sales-box .sales-container .sub-box-hdr .main-title.name { text-transform: capitalize; }
                .sales-box.hover-1 .sales-container .sub-box .target {  transition: 0.5s; }
                .sales-box.hover-1 .sales-container .sub-box .sub-box-contn { overflow: hidden; }
                .sales-box.hover-1 .sales-container .sub-box:hover .main-title { font-size: 12px; }
                .sales-box.hover-2 .sales-container .sub-box .box-left.mid,
                .sales-box.hover-2 .sales-container .sub-box .box-right { padding: 0 0 0 8px; position: relative; border-left: 1px solid transparent; }
                .sales-box.hover-1 .sales-container .sub-box:hover .sub-title { font-size: 0px; }
                .sales-box.hover-1 .sales-container .sub-box:hover .box-graph { right: -53%;}
                .sales-box.hover-1 .sales-container .sub-box:hover .box-value { font-size: 26px; }
                .sales-box.hover-2 .sales-container .sub-box { position: relative; transition: 0.5s; overflow: unset !important; }
                .sales-box.hover-2 .sales-container .sub-box .sub-box-contn { overflow: hidden; }
                .sales-box.hover-2 .sales-container .sub-box .target { background: #ffffff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0); bottom: 0; float: left; height: 55px; left: 0; position: relative; right: 0; top: 100%; transition: 0.5s; }
                .sales-box.hover-2 .sales-container .sub-box:hover .main-title { font-size: 12px; }
                .sales-box.hover-2 .sales-container .sub-box:hover .sub-title { opacity: 0; font-size: 0px; }
                .sales-box.hover-2 .sales-container .sub-box:hover .box-graph { height: 0px; width: 0px; }
                .sales-box.hover-2 .sales-container .sub-box:hover .box-value { font-size: 26px; }
                .sales-box.hover-2 .sales-container .sub-box .common-spk { opacity: 0; transition: 0.5s; height: 0; widh: 0; position: absolute; right: 0; bottom: -3px; }
                .sales-box.hover-2 .sales-container .sub-box:hover .common-spk { opacity: 1; text-align: right; bottom: 30px; }
                .sales-box.hover-2 .sales-container .sub-box:hover .box-left .title,
                .sales-box.hover-2 .sales-container .sub-box:hover .box-left.mid .title,
                .sales-box.hover-2 .sales-container .sub-box:hover .box-right .title { font-size: 10px; }
                .sales-box.hover-2 .sales-container .sub-box:hover .box-left.mid,
                .sales-box.hover-2 .sales-container .sub-box:hover .box-right { text-align: left; transition: 0.5s; }
                .sales-box.hover-2 .sales-container .sub-box:hover .box-left.mid,
                .sales-box.hover-2 .sales-container .sub-box:hover .box-right { border-left: 1px solid rgba(0, 0, 0, 0.09); }
                .sales-box.hover-2 .sales-container .sub-box:hover .target .value { font-size: 15px; margin: 10px 0 0; }
                .sales-box.hover-2 .sales-container .sub-box:hover .target .box-hdr .up,
                .sales-box.hover-2 .sales-container .sub-box:hover .target .box-hdr .down { font-size: 10px; }
                /* ===== end of sales-target.html ===== */

                /* icon-menu*/

                /*start sidebar-chat*/
                .sidechat-open .sidebar-chat { right: 0px; box-shadow: 0 4px 0 4px rgba(0, 0, 0, 0.3); }
                .sidebar-chat { position: fixed; right: -300px; top: 42px; bottom: 0; width: 300px; z-index: 11; background: #fff; transition: 0.5s; overflow: hidden; }
                .sidebar-chat .titlebar,
                .sidebar-chat .title-sidebar
                { color: rgba(0, 0, 0, 0.6); position: relative; box-shadow: inset 0 0 0 42px rgba(0, 0, 0, 0.09); line-height: 35px; display: inline-block; width: 100%; font-weight: 600; text-transform: uppercase; }
                .sidebar-chat .titlebar .f-lft { line-height: 35px; font-weight: 600; text-transform: uppercase; position: absolute; left: 0px; transition: 0.5s; }
                .sidebar-chat.open-contact .titlebar .f-lft { left: 26px; }
                .sidebar-chat .titlebar .f-ryt.close-chat { cursor: pointer; }
                .sidebar-chat .titlebar .step-back { float: left; cursor: pointer; transition: 0.5s; left: 26px; z-index: -1; opacity: 0;}
                .sidebar-chat.open-contact .titlebar .step-back { left: 0px; z-index: 1; }
                .sidebar-chat .titlebar .step-back:hover,
                .sidebar-chat .titlebar .f-ryt.close-chat:hover,
                .sidebar-chat .content .e-c-deatil span:hover,
                .sidebar-chat .titlebar .step-back:focus,
                .sidebar-chat .titlebar .f-ryt.close-chat:focus,
                .sidebar-chat .content .e-c-deatil span:focus { color: rgba(0, 0, 0, 0.8); }
                .sidebar-chat .titlebar .step-back i { font-size: 14px; font-weight: 600; position: relative; color: inherit; line-height: 35px; }
                .sidebar-chat.open-contact .titlebar .step-back { transform: scale(1); height: 35px; width: 26px; opacity: 1; }
                .sidebar-chat .titlebar .f-ryt i { line-height: 35px; width: 12px; }
                .sidebar-chat .top-bar .p-img
                { /*left: 50%; margin-left: -53px; margin-top: 15px; position: absolute; */text-align: center; transition: 0.5s; padding: 50px 0px 30px 0px; }
                .sidebar-chat .top-bar { position: relative; }
                .sidebar-chat .top-bar .p-img img,
                .profile-wrpr .profile-data .top-bar .p-img img
                { font-size: 14px; border: 4px solid rgba(0, 0, 0, 0.15); border-radius: 50%; height: 106px; text-align: center; width: 106px; transition: 0.5s; }
                .sidebar-chat .p-name { font-size: 14px; font-weight: 600; /*left: 0; position: absolute; right: 0px;*/ text-align: center; /*top: 126px;*/ transition: 0.5s; }
                .sidebar-chat.open-contact .p-design { top: 35px; left: 56px; }
                .sidebar-chat.open-contact .p-name { top: 15px; left: 56px; }
                .sidebar-chat .p-design { font-size: 12px; left: 0px; right: 0px; position: absolute; text-align: center; top: 147px; transition: 0.5s; }
                .sidebar-chat > .content { position: absolute; left: 0; right: 0; bottom: 42px; 
                                           top: 221px;
                }
                .sidebar-chat .icon,
                .profile-wrpr .profile-data .content .over-scroll .icon,
                .profile-wrpr .chat-data .content .over-scroll .icon
                { float: left; width: 20%; text-align: center; padding-top: 10px; }

                .sidebar-chat .icon-info,
                .profile-wrpr .profile-data .content .over-scroll .icon-info,
                .profile-wrpr .chat-data .content .over-scroll .icon-info
                { float: right; width: 80%; position: relative; padding-right: 18px; }

                .sidebar-chat .title-sidebar i { line-height: 35px; cursor: pointer; }

                .sidebar-chat .top-bar .tb-wrpr
                { height: 185px; }

                .sidebar-chat.open-contact .top-bar .tb-wrpr { height: 76px;}

                .sidebar-chat .icon-info .sec,
                .profile-wrpr .profile-data .content .over-scroll .icon-info .sec,
                .profile-wrpr .chat-data .content .over-scroll .icon-info .sec
                { font-size: 14px; color: rgba(0, 0, 0, 0.8); }
                .sidebar-chat .icon-info .fst,
                .profile-wrpr .profile-data .content .over-scroll .icon-info .fst,
                .profile-wrpr .chat-data .content .over-scroll .icon-info .fst
                { font-size: 12px; color: rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.07); padding: 5px 0 9px 0; text-transform: capitalize; }
                .sidebar-chat >.content .over-scroll
                { overflow-y: auto; position: absolute; left: 0; right: 0; top: 37px; bottom: 0px; }
                .sidebar-chat .bottom_bar { bottom: 0; position: absolute; left: 0px; right: 0px; transition: 0.5s;}
                .sidebar-chat .title-sidebar:last-child .fst { border-bottom: 0px;}

                .sidebar-chat .bottom_bar .tab_panel .nav li a { border-top: none !important; text-align: center;  position: relative; cursor: pointer; border-bottom: none;}

                .sidebar-chat .bottom_bar .nav-tabs .badge,
                .profile-wrpr .chat-data .bottom_bar .nav-tabs .badge
                { position: absolute; top: 50%; margin-top: -14px; left: 50%; }
                .sidebar-chat .p-img .p-status,
                .profile-wrpr .profile-data .p-img .p-status
                { bottom: -59px; position: absolute; opacity: 0; transition: 0.5s; transform: scaleX(0) scaleY(0); right: 4%; z-index: 2; }
                .sidebar-chat .p-img .p-status .s-list,
                .profile-wrpr .profile-data .p-img .p-status .s-list
                { background: #fff; text-align: left; border: 1px solid rgba(0, 0, 0, 0.09); left: 50%; }
                .sidebar-chat .p-img .p-status .s-list > li { border-bottom: 1px solid rgba(0, 0, 0, 0.09); line-height: 30px; padding: 0 6px 0 27px; position: relative; }
                .sidebar-chat .p-img .p-status .s-list li:before { border-radius: 50%; content: ""; height: 16px; left: 6px; position: absolute; top: 50%; width: 16px; border: 2px solid #fff; margin-top: -8px; }
                .sidebar-chat .p-img .p-status .s-list li.online:before { background: #46af4a; }
                .sidebar-chat .p-img .p-status .s-list li.away:before { background: #f7c65f; }
                .sidebar-chat .p-img .p-status .s-list li.no_dist:before { background: #ec6f5a; }
                .sidebar-chat .p-img .p-status .s-list li a { font-size: 12px; color: rgba(0, 0, 0, 0.5); }
                /*.sidebar-chat .top-bar .p-img:before,
                .profile-wrpr .profile-data .top-bar .p-img:before
                { transition: 0.5s; border-radius: 50%; content: ""; display: block; height: 14px; position: absolute; width: 14px; bottom: -2px; right: 26px; border: 2px solid #fff; }*/
                .sidebar-chat .p-img .p-status.active { opacity: 1; display: block; transform: scaleX(1) scaleY(1); }
                .sidebar-chat .top-bar {  transition: 0.5s; width: 100%; }
                .sidebar-chat.open-contact .top-bar { height: 67px; }
                .sidebar-chat .sliding-bar li a i,
                .profile-wrpr .chat-data .sliding-bar li a i
                {line-height: 42px;}

                .sidebar-chat .top-bar .p-img.away:before,
                .profile-wrpr .profile-data .top-bar .p-img.away:before
                { background: #f7c65f; }
                .sidebar-chat .top-bar .p-img.busy:before,
                .profile-wrpr .profile-data .top-bar .p-img.busy:before
                { background: #ec6f5a; }
                .sidebar-chat .top-bar .p-img.online:before,
                .profile-wrpr .profile-data .top-bar .p-img.online:before
                { background: #4bc076; }
                .sidebar-chat.open-contact .top-bar .p-img img { border: 2px solid rgba(0, 0, 0, 0.2); height: 45px; width: 45px; transition: 0.5s; }
                .sidebar-chat.open-contact .top-bar .p-img { text-align: right; cursor: pointer; }
                .sidebar-chat.open-contact .bottom_bar,
                .profile-wrpr .chat-data .bottom_bar
                { height: auto; left: 0; right: 0; bottom: 0; top: 110px !important; background: #fff; }
                .sidebar-chat .bottom_bar .default-tab .tab-content,
                .profile-wrpr .chat-data .bottom_bar .default-tab .tab-content
                {border:none;}



                .sidebar-chat.open-contact .p-img::before { width: 10px; height: 10px; background: #fff; }
                .sidebar-chat.open-contact .p-img { left: 0px; margin-left: 12px; margin-top: 10px; }
                .sidebar-chat .bottom_bar .content-wrapper { overflow: hidden; }
                .sidebar-chat .bottom_bar .content-wrapper .tab .c-person,
                .profile-wrpr .chat-data .bottom_bar .tab .c-person
                { border-bottom: 1px solid rgba(0, 0, 0, 0.07); padding-bottom: 0px; position: relative; padding-top: 10px; width: 100%; cursor: pointer; transition: 0.5s; }
                .sidebar-chat .bottom_bar .content-wrapper .tab .c-person img,
                .profile-wrpr .chat-data .bottom_bar .tab .c-person img
                { border-radius: 50%; font-size: 14px; float: left; border: 2px solid rgba(0, 0, 0, 0.2); height: 45px; transition: 0.5s; width: 45px; }
                .sidebar-chat .content-wrapper .tab .c-person .left-content,
                .profile-wrpr .chat-data .tab .c-person .left-content
                { float: left; width: 80%; padding-top: 5px; position: relative; overflow: hidden; }
                .sidebar-chat .bottom_bar .content-wrapper .tab .c-person .left-content .c-name,
                .profile-wrpr .chat-data .bottom_bar .tab .c-person .left-content .c-name
                { color: rgba(0, 0, 0, 0.8); }
                .sidebar-chat .bottom_bar .content-wrapper .tab .c-person .left-content .c-img,
                .profile-wrpr .chat-data .bottom_bar .tab .c-person .left-content .c-img
                { color: rgba(0, 0, 0, 0.6); }
                .sidebar-chat.open-contact .bottom_bar .search-panel,
                .profile-wrpr .chat-data .bottom_bar .search-panel
                { bottom: 0px; }

                .sidebar-chat .bottom_bar .search-panel,
                .profile-wrpr .chat-data .bottom_bar .search-panel
                {  position: absolute; right: 0px; left: 0px; }

                .sidebar-chat .bottom_bar .search-panel .input-group,
                .profile-wrpr .chat-data .bottom_bar .search-panel .input-group
                { width: 100%; background: rgba(0,0,0,0.09); }

                .sidebar-chat .bottom_bar .search-panel .input-group .form-control,
                .profile-wrpr .chat-data .bottom_bar .search-panel .input-group .form-control
                { padding-top: 0px; padding-bottom: 0px; font-size: 13px; line-height: 42px; border-radius: 0px !important; color: rgba(0,0,0,0.8); }

                .sidebar-chat .bottom_bar .search-panel .input-group .input-group-addon,
                .profile-wrpr .chat-data .bottom_bar .search-panel .input-group .input-group-addon
                { padding-top: 0px; padding-bottom: 0px; line-height: 42px; border-left: 1px solid rgba(0, 0, 0, 0.05); }

                .sidebar-chat .bottom_bar .tab_panel .tab-content .tab
                { bottom: 0px; overflow-x: hidden; overflow-y: auto; position: absolute; top: 44px; width: 100%; transition:0.5s; background: #fff; }

                .sidebar-chat .bottom_bar .tab_panel .tab-content .tab.tab-1,
                .profile-wrpr .chat-data .bottom_bar .tab_panel .tab-content .tab.tab-1 
                { bottom: 42px; }

                .sidebar-chat .bottom_bar .tab_panel .nav.nav-tabs { position: relative; z-index: 1; background: #fff; }

                .sidebar-chat .bottom_bar .tab_panel .tab-1.active-tab,
                .profile-wrpr .chat-data  .bottom_bar .tab_panel .tab-1.active-tab
                { left: 0px !important; }
                .sidebar-chat .bottom_bar .tab_panel .tab-1.prev-tab,
                .profile-wrpr .chat-data  .bottom_bar .tab_panel .tab-1.prev-tab
                { left: -300px !important; }
                .sidebar-chat .bottom_bar .tab_panel .tab-2.active-tab,
                .profile-wrpr .chat-data  .bottom_bar .tab_panel .tab-2.active-tab
                { left: 0px !important; }

                .sidebar-chat .bottom_bar .tab_panel .tab-3.active-tab,
                .profile-wrpr .chat-data  .bottom_bar .tab_panel .tab-3.active-tab
                { left: 0px !important; }

                .sidebar-chat .bottom_bar .tab_panel .tab-2.prev-tab,
                .profile-wrpr .chat-data  .bottom_bar .tab_panel .tab-2.prev-tab,
                .profile-wrpr .chat-data  .bottom_bar .tab_panel .tab-3.prev-tab
                { left: 300px !important; }

                .sidebar-chat .bottom_bar .tab_panel .tab-1.active-tab + .search-panel { left: 0px; }
                .sidebar-chat .bottom_bar .tab_panel .tab-1.prev-tab + .search-panel { left: -300px; }

                .sidebar-chat .bottom_bar .content-wrapper .tab .c-person img:before,
                .profile-wrpr .chat-data .bottom_bar .tab .c-person img:before
                { width: 54px; height: 2px; position: absolute; content: ""; bottom: 3px; z-index: 20; background: blue; left: 0; z-index: 21; }

                .sidebar-chat .bottom_bar .content-wrapper .tab .c-person .drop-info,
                .profile-wrpr .chat-data .bottom_bar .tab .c-person .drop-info
                { float: left; width: 100%; position: relative; padding-bottom: 10px; }

                .sidebar-chat .bottom_bar .content-wrapper .tab .c-person .drop-info .b-arrow,
                .profile-wrpr .chat-data .bottom_bar .tab .c-person .drop-info .b-arrow 
                { display: block; float: left; position: relative; }

                .sidebar-chat .bottom_bar .c-person .drop-info .b-arrow::before,
                .profile-wrpr .chat-data .bottom_bar .c-person .drop-info .b-arrow::before
                { border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); border-top: 5px solid rgba(0, 0, 0, 0.2); bottom: -6px; content: ""; height: 0; left: 50%; margin-left: -2.5px; position: absolute; width: 0; }

                .sidebar-chat .bottom_bar .c-person .drop-info .b-arrow::after,
                .profile-wrpr .chat-data .bottom_bar .c-person .drop-info .b-arrow::after
                { border: 2px solid #fff; border-radius: 50%; bottom: -2px; content: ""; height: 10px; margin-top: -7.5px; position: absolute; right: 26px; width: 10px; }

                .sidebar-chat .bottom_bar .c-person.online .drop-info .b-arrow::after,
                .profile-wrpr .chat-data .bottom_bar .c-person.online .drop-info .b-arrow::after
                { background: #4bc076; }

                .sidebar-chat .bottom_bar .c-person.away .drop-info .b-arrow::after,
                .profile-wrpr .chat-data .bottom_bar .c-person.away .drop-info .b-arrow::after
                { background: #f7c65f; }

                .sidebar-chat .bottom_bar .c-person.busy .drop-info .b-arrow::after,
                .profile-wrpr .chat-data .bottom_bar .c-person.busy .drop-info .b-arrow::after
                { background: #ec6f5a;}

                .sidebar-chat .bottom_bar .left-content .tim-notf,
                .profile-wrpr .chat-data .bottom_bar .left-content .tim-notf
                { position: absolute; transition: 0.5s; right: 0px; top: 5px; }
                .sidebar-chat .bottom_bar .tim-notf .time,
                .profile-wrpr .chat-data .bottom_bar .tim-notf .time
                { color: #649ae1; font-size: 11px; line-height: 20px; opacity: 0.8; }
                .sidebar-chat .bottom_bar .tim-notf .badge,
                .profile-wrpr .chat-data .bottom_bar .tim-notf .badge
                { left: auto; right: 0; top: 23px; margin-left: 5px;}

                .sidebar-chat .bottom_bar .p-c-icon,
                .profile-wrpr .chat-data .bottom_bar .p-c-icon
                { position: absolute; top: 0; right: 0; }

                .sidebar-chat .bottom_bar .p-c-icon .pos-rel,
                .profile-wrpr .chat-data .bottom_bar .p-c-icon .pos-rel
                { height: 65px; clear: both; overflow: hidden; position: relative; width: 120px; }

                .sidebar-chat .bottom_bar .p-c-icon .u-call,
                .sidebar-chat .bottom_bar .p-c-icon .u-comment,
                .profile-wrpr .chat-data .bottom_bar .p-c-icon .u-call,
                .profile-wrpr .chat-data .bottom_bar .p-c-icon .u-comment
                { border-radius: 50%; display: inline; float: left; margin-top: -18.5px; top: 50%; height: 37px; text-align: center; position: absolute; width: 37px; transition: 0.5s; right: -56px; }

                .sidebar-chat .bottom_bar .p-c-icon .u-call,
                .profile-wrpr .chat-data .bottom_bar .p-c-icon .u-call 
                { margin-right: 12px; border: 1px solid #649ae1; transition: 0.5s; color: #649ae1; }

                .sidebar-chat .bottom_bar .p-c-icon .u-comment,
                .profile-wrpr .chat-data .bottom_bar .p-c-icon .u-comment
                { margin-right: 12px; border: 1px solid #4bc076; color: #4bc076; transition: 0.5s; }

                .sidebar-chat .bottom_bar .p-c-icon .u-call i,
                .sidebar-chat .bottom_bar .p-c-icon .u-comment i,
                .profile-wrpr .chat-data .bottom_bar .p-c-icon .u-call i,
                .profile-wrpr .chat-data .bottom_bar .p-c-icon .u-comment i
                { line-height: 35px; color: inherit; transition: 0.5s; }

                .sidebar-chat .bottom_bar .tab.tab-1 .c-person:hover,
                .sidebar-chat .bottom_bar .tab.tab-2 .c-person:hover,
                .sidebar-chat .bottom_bar .tab.tab-1 .c-person:focus,
                .sidebar-chat .bottom_bar .tab.tab-2 .c-person:focus,
                .profile-wrpr .chat-data .bottom_bar .tab .c-person:hover,
                .profile-wrpr .chat-data .bottom_bar .tab .c-person:hover,
                .profile-wrpr .chat-data .bottom_bar .tab .c-person:focus,
                .profile-wrpr .chat-data .bottom_bar .tab .c-person:focus
                { background: rgba(0,0,0,0.06); }

                .sidebar-chat .bottom_bar .tab.tab-1 .c-person.online:hover .tim-notf,
                .profile-wrpr .chat-data .bottom_bar .tab .c-person.online:hover .tim-notf
                { right: -100%; }
                .sidebar-chat .bottom_bar .tab.tab-1 .c-person.online:hover .u-call,
                .profile-wrpr .chat-data .bottom_bar .tab .c-person.online:hover .u-call
                { right: 49px; }
                .sidebar-chat .bottom_bar .tab.tab-1 .c-person.online:hover .u-comment,
                .profile-wrpr .chat-data .bottom_bar .tab .c-person.online:hover .u-comment
                { right: 0px; }

                .sidebar-chat .bottom_bar .p-c-icon .u-call:hover,
                .sidebar-chat .bottom_bar .p-c-icon .u-comment:hover,
                .sidebar-chat .bottom_bar .p-c-icon .u-call:focus,
                .sidebar-chat .bottom_bar .p-c-icon .u-comment:focus,
                .profile-wrpr .chat-data .bottom_bar .p-c-icon .u-call:hover,
                .profile-wrpr .chat-data .bottom_bar .p-c-icon .u-comment:hover,
                .profile-wrpr .chat-data .bottom_bar .p-c-icon .u-call:focus,
                .profile-wrpr .chat-data .bottom_bar .p-c-icon .u-comment:focus
                { border-color: rgba(0, 0, 0, 0.3); }

                .sidebar-chat .bottom_bar .content-conv,
                .profile-wrpr .chat-data .bottom_bar .content-conv
                { bottom: 0; background: #fff; position: absolute; width: 300px; right: -300px; top: 44px; overflow: hidden; transition: 0.5s; }

                .sidebar-chat .bottom_bar.start_chat .content-conv,
                .profile-wrpr .chat-data .bottom_bar.start_chat .content-conv
                { right: 0px; }
                .sidebar-chat .bottom_bar .content-conv .conv-img,
                .profile-wrpr .chat-data .bottom_bar .content-conv .conv-img
                { height: 42px; padding:4px; }

                .sidebar-chat .bottom_bar .content-conv .conv-img img,
                .profile-wrpr .chat-data .bottom_bar .content-conv .conv-img img
                { border: 2px solid rgba(0, 0, 0, 0.3); border-radius: 50%; height: 35px; transition: 0.5s; width: 35px; }

                .sidebar-chat .bottom_bar .content-conv .con-title,
                .profile-wrpr .chat-data .bottom_bar .content-conv .con-title
                { box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1); position: relative; background: #649ae1; float: left; width: 100%; }

                .sidebar-chat .bottom_bar .content-conv .con-title .button-ripple { display: inline; }

                .sidebar-chat .bottom_bar .content-conv .con-title .chat-back i,
                .profile-wrpr .chat-data .bottom_bar .content-conv .con-title .chat-back i
                { line-height: 42px; font-weight: 600; }

                .sidebar-chat .bottom_bar .content-conv .con-title .chat-back,
                .sidebar-chat .bottom_bar .content-conv .con-title .conv-more,
                .profile-wrpr .chat-data .bottom_bar .content-conv .con-title .chat-back,
                .profile-wrpr .chat-data .bottom_bar .content-conv .con-title .conv-more
                { color:#fff; border-radius: 0px; transition: 0.5s; box-shadow: inset 0 0 0 42px rgba(255, 255, 255, 0);width: 42px; height: 42px; text-align: center; }

                .sidebar-chat .bottom_bar .content-conv .con-title .chat-back:hover,
                .sidebar-chat .bottom_bar .content-conv .con-title .conv-more:hover,
                .sidebar-chat .bottom_bar .content-conv .con-title .conv-more.open,
                .chat-data .bottom_bar .content-conv .con-title .chat-back:hover,
                .chat-data .bottom_bar .content-conv .con-title .conv-more:hover,
                .chat-data .bottom_bar .content-conv .con-title .conv-more.open
                { box-shadow: inset 0 0 0 42px rgba(0,0,0,0.09); }

                .sidebar-chat .bottom_bar .content-conv .con-title .conv-more,
                .profile-wrpr .chat-data .bottom_bar .content-conv .con-title .conv-more 
                { text-align: center; }
                .sidebar-chat .bottom_bar .content-conv .con-title .conv-more span i,
                .profile-wrpr .chat-data .bottom_bar .content-conv .con-title .conv-more span i 
                { line-height: 42px; width: 13px; }

                .sidebar-chat .bottom_bar .content-conv .con-title .conv-user,
                .profile-wrpr .chat-data .bottom_bar .content-conv .con-title .conv-user
                { padding: 5px !important; }

                .sidebar-chat .bottom_bar .content-conv .con-title .conv-user .name,
                .profile-wrpr .chat-data .bottom_bar .content-conv .con-title .conv-user .name
                { font-size: 12px; color: #ffffff; display: block; width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

                .sidebar-chat .bottom_bar .content-conv .con-title .conv-user .l-seen,
                .profile-wrpr .chat-data .bottom_bar .content-conv .con-title .conv-user .l-seen
                { font-size: 10px; color: rgba(255, 255, 255, 0.75); }

                .sidebar-chat .bottom_bar .content-conv .conv-text-inpt,
                .profile-wrpr .chat-data .bottom_bar .content-conv .conv-text-inpt
                { background: rgba(0,0,0,0.06); bottom: 0; height: 50px; position: absolute; left: 0px; right: 0px;
                  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.01); border-top: 1px solid rgba(0, 0, 0, 0.04); }

                .sidebar-chat .bottom_bar .conv-text-inpt .input-group,
                .profile-wrpr .chat-data .bottom_bar .conv-text-inpt .input-group
                { width: 100%; }
                .sidebar-chat .bottom_bar .conv-text-inpt .input-group .input-group-addon,
                .profile-wrpr .chat-data .bottom_bar .conv-text-inpt .input-group .input-group-addon
                { padding: 0px 9px; background: transparent !important; cursor: pointer; color: rgba(0,0,0,0.4); }
                .sidebar-chat .bottom_bar .conv-text-inpt .input-group .input-group-addon:hover,
                .sidebar-chat .bottom_bar .conv-text-inpt .input-group .input-group-addon:focus,
                .profile-wrpr .chat-data .bottom_bar .conv-text-inpt .input-group .input-group-addon:hover,
                .profile-wrpr .chat-data .bottom_bar .conv-text-inpt .input-group .input-group-addon:focus
                { color: rgba(0,0,0,0.8); }

                .sidebar-chat .bottom_bar .conv-text-inpt .input-group .input-group-addon i,
                .profile-wrpr .chat-data .bottom_bar .conv-text-inpt .input-group .input-group-addon i
                { line-height: 50px; }

                .sidebar-chat .bottom_bar .conv-text-inpt .input-group .form-control,
                .profile-wrpr .chat-data .bottom_bar .conv-text-inpt .input-group .form-control
                { margin-top: 8px; height: 33px; border-radius: 0px !important; box-shadow: none !important; color: #649ae1; font-size: 12px; color: rgba(0, 0, 0, 1); border: 1px solid rgba(0, 0, 0, 0.2); }

                .sidebar-chat .bottom_bar .conv-text-inpt .input-group .form-control:focus,
                .sidebar-chat .bottom_bar .conv-text-inpt .input-group .form-control:hover,
                .profile-wrpr .chat-data .bottom_bar .conv-text-inpt .input-group .form-control:focus,
                .profile-wrpr .chat-data .bottom_bar .conv-text-inpt .input-group .form-control:hover
                { border-color: rgba(0, 0, 0, 0.3); box-shadow: none; }

                .sidebar-chat .bottom_bar .con-chat,
                .bottom_bar .con-chat
                { position: absolute; top: 43px; bottom: 50px; right: 0px; left: 0px; overflow-y: auto; }

                .sidebar-chat .bottom_bar .con-chat .conv-start,
                .profile-wrpr .chat-data .bottom_bar .con-chat .conv-start
                { padding-top: 19px; padding-left: 19px; padding-right: 19px; }

                .sidebar-chat .bottom_bar .con-chat .conv-start .user-conv,
                .profile-wrpr .chat-data .bottom_bar .con-chat .conv-start .user-conv
                { background: #649ae1; color: #ffffff; padding: 6px 8px; }

                .sidebar-chat .bottom_bar .con-chat .conv-start p,
                .profile-wrpr .chat-data .bottom_bar .con-chat .conv-start p
                { margin-bottom: 3px; }

                .sidebar-chat .bottom_bar .con-chat .conv-start .small-time,
                .profile-wrpr .chat-data .bottom_bar .con-chat .conv-start .small-time
                { font-size: 11px; opacity: 0.6; }

                .sidebar-chat .bottom_bar .user-conv::before,
                .profile-wrpr .chat-data .bottom_bar .user-conv::before
                { border-bottom: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid #649ae1; border-top: 8px solid rgba(0, 0, 0, 0); content: ""; left: -7px;	margin-top: -8px; position: absolute; top: 50%; }

                .sidebar-chat .bottom_bar .user-conv,
                .profile-wrpr .chat-data .bottom_bar .user-conv
                { background: #1fbb9a; border-radius: 3px; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); color: #ffffff; margin-bottom: 10px; padding: 6px 8px; float: left; position: relative; display: table; }

                .sidebar-chat .bottom_bar .my-conv,
                .profile-wrpr .chat-data .bottom_bar .my-conv
                { background: rgba(0, 0, 0, 0.4); border-radius: 3px; box-shadow: -1px 1px 3px 0 rgba(0, 0, 0, 0.2); color: #fff; margin-bottom: 10px; padding: 6px 8px; float: right; position: relative; display: table; }

                .sidebar-chat .bottom_bar .my-conv:before,
                .profile-wrpr .chat-data .bottom_bar .my-conv:before
                { border-bottom: 8px solid rgba(0, 0, 0, 0); border-left: 8px solid rgb(149, 149, 149); border-top: 8px solid rgba(0, 0, 0, 0); content: ""; right: -7px; margin-top: -8px;	position: absolute; top: 50%; }

                .sidebar-chat .bottom_bar .full-width,
                .profile-wrpr .chat-data .bottom_bar .full-width
                { float: left; width: 100% !important; }

                .sidebar-chat .bottom_bar .conv-more ul.dropdown-menu,
                .profile-wrpr .chat-data .bottom_bar .conv-more ul.dropdown-menu
                { border-radius: 0px; transform: scale(0); transform-origin: right top 0; transition: 0.5s; display: block; }

                .sidebar-chat .bottom_bar .conv-more.open ul.dropdown-menu,
                .profile-wrpr .chat-data .bottom_bar .conv-more.open ul.dropdown-menu
                { transform: scale(1); }

                .sidebar-chat .bottom_bar .conv-more ul li a i,
                .profile-wrpr .chat-data .bottom_bar .conv-more ul li a i
                { line-height: 24px !important; }

                .sidebar-chat .bottom_bar .conv-more ul li a,
                .profile-wrpr .chat-data .bottom_bar .conv-more ul li a 
                { color: rgba(0, 0, 0, 0.6); padding-left: 12px; padding-right: 12px; font-size: 13px; }
                .sidebar-chat .bottom_bar .tab_panel .nav-tabs .slider { bottom: 0px; height: 2px; position: absolute; left: 0; width: 100px; transition: 0.5s; }

                .sidebar-chat .content .edit-detail,
                .profile-wrpr .profile-data .content .edit-detail
                { position: absolute; top: 37px; bottom: 0px; background: #fff; width: 300px; right: -300px; transition: 0.5s; }

                .sidebar-chat .content .edit-detail .edit-content,
                .profile-wrpr .chat-data .content .edit-detail .edit-content
                { position: relative; }

                .sidebar-chat .content .edit-detail .edit-content .title,
                .profile-wrpr .chat-data .content .edit-detail .edit-content .title
                { position: absolute; background: rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top: 1px solid rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.4); display: block; font-weight: 600 !important; line-height: 35px; left: 0; right: 0; text-transform: uppercase; }

                .sidebar-chat .content .edit-detail .edit-content .inpt-cont,
                .profile-wrpr .chat-data .content .edit-detail .edit-content .inpt-cont
                { padding: 0 0 15px 0; }

                .sidebar-chat .content .edit-detail .edit-content .inpt-cont .edit-inpt,
                .profile-wrpr .chat-data .content .edit-detail .edit-content .inpt-cont .edit-inpt
                { position: relative;  }

                .sidebar-chat .content .edit-detail .edit-content .inpt-cont .form-inline.boot-style.two-input .width-67,
                .profile-wrpr .chat-data .content .edit-detail .edit-content .inpt-cont .form-inline.boot-style.two-input .width-67
                { width: 100%; }

                .sidebar-chat .edit_detail_opn.content .edit-detail,
                .profile-wrpr .chat-data .edit_detail_opn.content .edit-detail
                { right: 0px; }
                .sidebar-chat .bottom_bar .c-person .content,
                .profile-wrpr .chat-data .bottom_bar .c-person .content
                { position: relative; display: none; float: left; width: 100%; transition:0.5s; border-top: 1px solid rgba(0, 0, 0, 0.05); 
                  margin-top: 4px; }

                .sidebar-chat .bottom_bar .c-person .content .over-scroll .content-data
                { width: 100%; }

                .sidebar-chat .bottom_bar .c-person .content .over-scroll,
                .profile-wrpr .chat-data .bottom_bar .c-person .content .over-scroll
                { bottom: 0; position: relative; width: 100%; overflow-y: auto; }
                .sidebar-chat .bottom_bar .tab.tab-2 .c-person .drop-info .left-content .c_chat { padding-right: 20px; font-size: 12px; padding-bottom: 2px; }
                .sidebar-chat .bottom_bar .tab.tab-2 .c-person .drop-info .b-arrow::before { border-top: none; }
                .sidebar-chat .content .e-c-deatil,
                .profile-wrpr .profile-data .content .e-c-deatil
                { position: absolute; right: 0; top: 0; width: 36px; overflow: hidden; height: 36px; transition: 0.5s;}
                .sidebar-chat .content .e-c-deatil span,
                .profile-wrpr .profile-data .content .e-c-deatil span
                { position: relative;}
                .sidebar-chat .content .e-c-deatil span i,
                .profile-wrpr .profile-data .content .e-c-deatil span i
                { line-height: 36px; cursor: pointer; }
                .sidebar-chat .edit_detail_opn.content .e-c-deatil { width: 72px; right: -36px;}

                /* sidebar-chat main-timeline*/
                .sidebar-chat .bottom_bar .main-timeline  .u-event:before,
                .profile-wrpr .chat-data .bottom_bar .main-timeline  .u-event:before 
                { left: 32px; }

                .sidebar-chat .bottom_bar .main-timeline .e-label-dynamic,
                .profile-wrpr .chat-data .bottom_bar .main-timeline .e-label-dynamic
                { margin-left: 12px; margin-top: 10px; transition: 0.5s; transform: scale(0); top: 196px; z-index: 10; width: auto; position: fixed; }

                .sidebar-chat .bottom_bar .main-timeline .u-event::after,
                .profile-wrpr .chat-data .bottom_bar .main-timeline .u-event::after
                { background: transparent; }

                .sidebar-chat .bottom_bar .main-timeline .u-event .e-element,
                .profile-wrpr .chat-data .bottom_bar .main-timeline .u-event .e-element
                {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}

                .sidebar-chat .bottom_bar .main-timeline .u-event .e-element .e-label,
                .profile-wrpr .chat-data .bottom_bar .main-timeline .u-event .e-element .e-label
                {width: auto;}

                .sidebar-chat .bottom_bar .main-timeline .u-event .e-element .e-content,
                .profile-wrpr .chat-data .bottom_bar .main-timeline .u-event .e-element .e-content
                {padding-left: 62px;}

                .sidebar-chat .bottom_bar .main-timeline .u-event .e-element .e-content .bullet,
                .profile-wrpr .chat-data .bottom_bar .main-timeline .u-event .e-element .e-content .bullet
                {left:0%;}
                .sidebar-chat .bottom_bar .main-timeline .u-event .e-element .e-content .e-desc .e-body,
                .profile-wrpr .chat-data .bottom_bar .main-timeline .u-event .e-element .e-content .e-desc .e-body
                { padding: 5px;}

                .sidebar-chat .bottom_bar .main-timeline .u-event .e-element .e-content .e-desc .e-body p,
                .profile-wrpr .chat-data .bottom_bar .main-timeline .u-event .e-element .e-content .e-desc .e-body p
                {font-size: 12px;}

                .sidebar-chat .bottom_bar .main-timeline .u-event .e-element .e-content .e-desc .e-heading .e-title,
                .profile-wrpr .chat-data .bottom_bar .main-timeline .u-event .e-element .e-content .e-desc .e-heading .e-title
                {padding-left: 0px;}

                .sidebar-chat .bottom_bar .main-timeline .u-event .e-element .e-content .e-desc .e-heading .e-time,
                .profile-wrpr .chat-data .bottom_bar .main-timeline .u-event .e-element .e-content .e-desc .e-heading .e-time
                { padding-right: 0px; }
                /* end sidebar-chat main-timeline*/

                .sidebar-chat .bottom_bar .a-call,
                .profile-wrpr .chat-data .bottom_bar .a-call
                {  bottom: 0; position: absolute; right: -300px; top: 44px; opacity: 0.95; width: 300px; overflow: hidden;  transition: 0.5s;}
                .sidebar-chat .bottom_bar.start_call .a-call,
                .profile-wrpr .chat-data .bottom_bar.start_call .a-call
                { right: 0px; }
                .sidebar-chat .bottom_bar .a-call .a-call-content,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-call-content
                { background: rgba(255, 255, 255, 1); bottom: 92px; left: 0; position: absolute; right: 0; top: 42px; text-align: center; }
                .sidebar-chat .bottom_bar .a-call .a-call-content .a-call-img,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-call-content .a-call-img
                { border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; height: 116px;	padding: 8px 5px; text-align: center; width: 116px; }
                .sidebar-chat .bottom_bar .a-call .a-call-content .user-img img,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-call-content .user-img img
                { box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.85); border-radius: 50%; height: 106px; line-height: 106px; text-align: center; width: 106px; transition: 0.5s; z-index: 1; position: relative;}

                .sidebar-chat .bottom_bar .a-call .a-call-content .user-img::before,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-call-content .user-img::before
                { content: ""; box-shadow: 0 0 0 5px RGBA(0, 0, 0, 0.85); border-radius: 50%; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
                .sidebar-chat .bottom_bar .a-call .a-call-content .user-img,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-call-content .user-img
                { width: 106px; height: 106px; margin: 0 auto; position: relative;}

                .sidebar-chat .bottom_bar .a-call .a-call-content .user-img img:hover,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-call-content .user-img img:hover
                { box-shadow: 0 0 0 70px rgba(0, 0, 0, 0); }

                .sidebar-chat .bottom_bar .a-call .a-c-settings .a-c-s-content ul li.call-mute a,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-c-settings .a-c-s-content ul li.call-mute a
                { border: 1px solid #55badf; transition: 0.5s; }

                .sidebar-chat .bottom_bar .a-call .a-c-settings .a-c-s-content ul li.call-mute a:before,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-c-settings .a-c-s-content ul li.call-mute a:before
                {background: #55badf;}

                .sidebar-chat .bottom_bar .a-call .a-c-settings .a-c-s-content ul li.call-speaker a,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-c-settings .a-c-s-content ul li.call-speaker a 
                { border: 1px solid #f7c65f; transition: 0.5s; }

                .sidebar-chat .bottom_bar .a-call .a-c-settings .a-c-s-content ul li.call-speaker a:before,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-c-settings .a-c-s-content ul li.call-speaker a:before
                { background: #f7c65f; }

                .sidebar-chat .bottom_bar .a-call .a-c-settings .a-c-s-content ul li.call-chat a,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-c-settings .a-c-s-content ul li.call-chat a
                { border: 1px solid  #4bc076; transition: 0.5s; }

                .sidebar-chat .bottom_bar .a-call .a-c-settings .a-c-s-content ul li.call-chat a:before,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-c-settings .a-c-s-content ul li.call-chat a:before
                { background: #4bc076; }

                .sidebar-chat .bottom_bar .a-call .a-c-settings .a-c-s-content ul li.call-group a,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-c-settings .a-c-s-content ul li.call-group a
                { border: 1px solid #649ae1; transition: 0.5s;    background: transparent; }

                .sidebar-chat .bottom_bar .a-call .a-c-settings .a-c-s-content ul li.call-group a:before,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-c-settings .a-c-s-content ul li.call-group a:before
                { background: #649ae1; }

                .sidebar-chat .bottom_bar .a-call .a-c-settings .a-c-s-content ul li a:hover:before,
                .sidebar-chat .bottom_bar .a-call .a-c-settings .a-c-s-content ul li a:focus:before,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-c-settings .a-c-s-content ul li a:hover:before,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-c-settings .a-c-s-content ul li a:focus:before
                {transform: scale(0);}


                .sidebar-chat .bottom_bar .a-call .a-c-settings .a-c-s-content ul li a:before,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-c-settings .a-c-s-content ul li a:before
                { content: ""; position: absolute; top:-1px; bottom: -1px;left:-1px;right: -1px;border-radius: 50%; transition: 0.3s; transform: scale(1); }

                .sidebar-chat .bottom_bar .a-call .a-c-settings .a-c-s-content ul li a,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-c-settings .a-c-s-content ul li a
                { position: relative;}

                .sidebar-chat .bottom_bar .a-call .title,
                .profile-wrpr .chat-data .bottom_bar .a-call .title
                { background: rgba(0, 0, 0, 1); line-height: 42px; width: 100%; }

                .sidebar-chat .bottom_bar .a-call .title .a-c-name,
                .profile-wrpr .chat-data .bottom_bar .a-call .title .a-c-name 
                { color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 600; opacity: 0.8; }

                .sidebar-chat .bottom_bar .a-call .title .a-c-time,
                .profile-wrpr .chat-data .bottom_bar .a-call .title .a-c-time
                { color: rgba(255, 255, 255, 0.9); display: block; font-size: 14px; font-weight: 600; }

                .sidebar-chat .bottom_bar .a-call .title .close-call,
                .profile-wrpr .chat-data .bottom_bar .a-call .title .close-call
                { float: right; display: inline-block; cursor: pointer; color: rgba(255, 255, 255, 0.8); transition: 0.5s; box-shadow: inset 0 0 0 42px rgba(255, 255, 255, 0); }

                .sidebar-chat .bottom_bar .a-call .title .close-call:hover,
                .sidebar-chat .bottom_bar .a-call .title .close-call:focus,
                .profile-wrpr .chat-data .bottom_bar .a-call .title .close-call:hover,
                .profile-wrpr .chat-data .bottom_bar .a-call .title .close-call:focus
                { box-shadow: inset 0 0px 0 42px rgba(255, 255, 255, 0.8); color: rgba(0, 0, 0, 0.6); }

                .sidebar-chat .bottom_bar .a-call .title .close-call i,
                .profile-wrpr .chat-data .bottom_bar .a-call .title .close-call i
                {  font-size: 15px; font-weight: normal; line-height: 42px; }

                .sidebar-chat .bottom_bar .a-call .a-call-content .abs-cont .a-c-time,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-call-content .abs-cont .a-c-time
                { font-size: 20px; font-weight: 600; margin-bottom: 12px; width: 100%; color: #000; opacity: 0.75; }

                .sidebar-chat .bottom_bar .a-call .a-call-content .abs-cont .a-c-time span,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-call-content .abs-cont .a-c-time span
                { font-size: 20px; width:30px;margin-left: 2px;margin-right: 2px; }

                .sidebar-chat .bottom_bar .a-call .a-call-content .a-call-bdr-1,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-call-content .a-call-bdr-1
                { border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; height: 152px; padding: 8px; width: 152px; text-align: center; margin: 0 auto; }

                .sidebar-chat .bottom_bar .a-call .a-c-settings,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-c-settings
                { bottom: 0; left: 0; position: absolute; right: 0; text-align: center; background: rgba(0, 0, 0, 1); height: 50px; }

                .sidebar-chat .bottom_bar .a-call .a-c-settings .a-c-s-content,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-c-settings .a-c-s-content
                { position: relative; }

                .sidebar-chat .bottom_bar .a-call .a-c-settings .a-c-s-content ul li a,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-c-settings .a-c-s-content ul li a
                { border-radius: 50%; display: block; height: 30px; line-height: 30px; width: 30px; text-align: center; margin-top: 10px; color: #fff; }

                .sidebar-chat .bottom_bar .a-call .a-c-settings .a-c-s-content ul li a i,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-c-settings .a-c-s-content ul li a i
                { line-height: inherit; }

                .sidebar-chat .bottom_bar .a-call .a-call-content .abs-cont,
                .profile-wrpr .chat-data .bottom_bar .a-call .a-call-content .abs-cont
                { margin-top: -74px; position: absolute; top: 50%; left: 0; right: 0; }

                .sidebar-chat .bottom_bar .a-call .call-hang,
                .profile-wrpr .chat-data .bottom_bar .a-call .call-hang
                { text-align: center; position: absolute;  background: #EC6F5A; left: 0px; right: 0px; background: #e7472c; bottom: 50px; box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); cursor: pointer; transition: 0.5s;}

                .sidebar-chat .bottom_bar .a-call .call-hang:hover,
                .sidebar-chat .bottom_bar .a-call .call-hang:focus,
                .profile-wrpr .chat-data .bottom_bar .a-call .call-hang:hover,
                .profile-wrpr .chat-data .bottom_bar .a-call .call-hang:focus
                { background: #6A6A6A; }
                .sidebar-chat .bottom_bar .a-call .call-hang a,
                .profile-wrpr .chat-data .bottom_bar .a-call .call-hang a
                { height: 42px; line-height: 42px; display: inline-block; color: #fff; text-align: center; font-weight: 600; font-size: 14px; transition: 0.5s; }

                .sidebar-chat .bottom_bar .a-call .call-hang a i,
                .profile-wrpr .chat-data .bottom_bar .a-call .call-hang a i 
                { line-height: inherit; transform: rotate(135deg); font-size: 20px; }
                .sidebar-chat .bottom_bar .a-call .call-hang span,
                .profile-wrpr .chat-data .bottom_bar .a-call .call-hang span
                { color: #ffffff; font-size: 17px; display: inline-block; line-height: 42px; }

                .chat-data .bottom_bar .main-timeline .e-label-dynamic{top:84px !important;}
                /*end sidebar-chat*/

                /*main timeline*/
                .main-timeline .u-event .e-element .e-content .e-desc .location span { color: rgba(0, 0, 0, 0.5); font-size: 12px; transition: 0.5s; }
                .main-timeline .u-event{ display: block; position: relative; }
                .main-timeline .u-event .e-element { text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.1); cursor: pointer; transition: 0.5s;}
                .main-timeline .u-event .e-element .e-label { display: inline-block; padding: 4px 5px; border: 1px solid rgba(0, 0, 0, 0.15); margin-top: 10px; margin-bottom: 10px; background: #649AE1; color: rgba(255, 255, 255, 0.9); }
                .main-timeline .u-event .e-element .e-content { width: 100%; position: relative; padding-left: 62px; }
                .main-timeline .u-event .e-element .e-content .e-desc .e-body { clear: both; padding: 15px; }
                .main-timeline .u-event .e-element .e-content .bullet { position: absolute; left: 0%; width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.15); background: #fff; top: 50%; margin-top: -21px; text-align: center; transition: 0.5s; }
                .main-timeline .u-event .e-element .e-content .bullet i  { line-height: 42px; }
                .main-timeline .u-event .e-element .e-content.blue-pr .bullet i { color: #55badf; }
                .main-timeline .u-event .e-element .e-content.green-pr .bullet i { color: #4bc076;}
                .main-timeline .u-event .e-element .e-content.red-pr .bullet i { color: #ec6f5a; }
                .main-timeline .u-event .e-element .e-content .e-desc { padding: 0 5px 5px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.15); position: relative; border-bottom-width: 2px; border-bottom-color: rgba(0, 0, 0, 0.15); transition: 0.5s; }
                .main-timeline .u-event .e-element .e-content .e-desc .e-body p { margin-bottom: 0px; clear: both; font-size: 12px; }

                .main-timeline .u-event .e-element .e-content .e-desc .e-heading
                { border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: inline; float: left; line-height: 25px; width: 100%; padding: 0 5px; }

                .main-timeline .u-event .e-element .e-content .e-desc .e-heading .e-time { font-size: 11px; font-weight: 600; }
                .main-timeline .u-event .e-element .e-content .e-desc .e-heading .e-title{ font-size: 12px; font-weight: 600; }
                .main-timeline .u-event .e-element .e-content .e-desc .location span i { margin-right: 5px; }
                .main-timeline .u-event .e-element .e-content .e-desc:before
                { border-bottom: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0.2); border-top: 10px solid rgba(0, 0, 0, 0); content: ""; left: -10px; margin-top: -10px; position: absolute; top: 50%; }
                .main-timeline .u-event .e-element .e-content .e-desc:after
                { border-bottom: 9px solid rgba(0, 0, 0, 0); border-right: 9px solid #fff; border-top: 9px solid rgba(0, 0, 0, 0); content: ""; left: -9px; margin-top: -9px; position: absolute; top: 50%; }
                .main-timeline .u-event .e-element .e-content.blue-pr:hover  .e-desc { border-bottom: 2px solid #55badf; }
                .main-timeline .u-event .e-element .e-content.red-pr:hover  .e-desc { border-bottom: 2px solid #EC6F5A; }
                .main-timeline .u-event .e-element .e-content.green-pr:hover  .e-desc { border-bottom: 2px solid #4bc076; }

                .main-timeline .u-event .e-element .e-content.blue-pr  .bullet { border-color: #55badf; }
                .main-timeline  .u-event .e-element .e-content.red-pr  .bullet { border-color: #EC6F5A; }
                .main-timeline .u-event .e-element .e-content.green-pr .bullet { border-color: #4bc076; }

                .main-timeline .u-event .e-element .e-content:hover  .e-desc,
                .main-timeline .u-event .e-element .e-content:hover  .location span { color: rgba(0, 0, 0, 0.8); }
                .main-timeline .u-event .e-element .e-content .e-desc .e-heading .e-title { line-height: 35px; font-size: 13px; padding-left: 15px; }
                .main-timeline .u-event .e-element .e-content .e-desc .e-heading .e-time { float: right; font-size: 11px; padding-right: 15px; line-height: 35px; }
                .main-timeline .u-event .e-element .e-content .e-desc .e-body{ padding-bottom: 0px;}
                .main-timeline .u-event .e-element .e-content .e-desc .e-body p { font-size: 13px; }
                .main-timeline .u-event .e-element .e-content .e-desc .location span { display: inline-block; }

                .main-timeline .e-label-dynamic { background: #649ae1; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08); color: rgba(255, 255, 255, 0.9); display: inline-block; margin-left: 0px; margin-top: 10px; padding: 4px 5px; position: fixed; top: 62px; transform: scale(0); transition: 0.5s; z-index: 10; width: 100px;text-align: center;}

                .main-timeline .u-event::before { background: rgba(0, 0, 0, 0.15); width: 1px; content: ""; position: absolute; top: 40px; bottom: 0px; left: 50px; }
                .main-timeline .u-event .e-element .e-label{ width: 100px; text-align: center; }
                .main-timeline .u-event .e-element .e-content .bullet{ left: 29px; }
                .main-timeline .u-event .e-element .e-content{ padding-left: 100px; }
                .main-timeline .u-event .e-element{ border-bottom: none; }
                .main-timeline .u-event::after { position: absolute; content: ""; bottom: 0px; width: 20px; height: 1px; background:rgba(0, 0, 0, 0.2); left: 50px; margin-left: -10px; }

                .main-timeline .u-event .e-element .e-content .bullet:before { content: ""; box-shadow: 0 0 0 2px rgba(0,0,0,0.15); position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; transition: 0.5s;  }

                .main-timeline .u-event .e-element .e-content:hover .bullet:before{ box-shadow: 0 0 0 20px rgba(0,0,0,0.0);}
                .style-2.main-timeline .e-content .e-desc{ border-bottom-width: 2px; }
                .style-2.main-timeline .f-lft.e-content .e-desc::before{border-right-color:transparent;}
                .style-2.main-timeline .f-lft.e-content .e-desc::after{border-right-color: transparent;}
                .style-2.main-timeline .f-lft.e-content .e-desc .e-heading{ background: #fff; box-shadow: inset 0 0 0 36px rgba(0, 0, 0, 0.5); color: #fff; }
                .style-2.main-timeline .u-event .f-lft.e-content .e-desc .e-heading .e-time{ color: #fff; }
                .style-2.main-timeline .u-event .e-element .e-content:hover .bullet { border-color: rgba(0,0,0,0.15); }
                .style-2.main-timeline .e-content .e-desc{border-bottom-width: 2px;}
                .style-2.main-timeline .f-ryt.e-content .e-desc::before{border-right-color:transparent;}
                .style-2.main-timeline .f-ryt.e-content .e-desc::after{border-right-color: transparent;}
                .style-2.main-timeline .f-ryt.e-content .e-desc .e-heading{ background: #fff; color: #fff; box-shadow: inset 0 0 0 35px rgba(0, 0, 0, 0.68); }
                .style-2.main-timeline .u-event .f-ryt.e-content .e-desc .e-heading .e-time{ color: #fff; }
                .style-2.main-timeline .u-event .e-element .e-content.f-ryt .bullet i{ color:rgba(0,0,0,0.6); }

                /* two-column timeline */
                .two-column.main-timeline .u-event .e-element .full-width{ float: none; position: relative; }
                .two-column.main-timeline .u-event .e-element .full-width .e-content{ width: 44%; padding-left: 0px; }
                .two-column.main-timeline .u-event .e-element .e-content{ position: unset !important;}
                .two-column.main-timeline .u-event::before{left: 50%; top: 0px;}
                .two-column.main-timeline .u-event .e-element .e-label{ position: absolute; left: 50%; width:100px; margin-left: -50px; text-align: center; margin-top: 0px; margin-bottom: 0px; }
                .two-column.main-timeline .u-event::after {left: 50%;}
                .two-column.main-timeline .u-event .e-element .e-content.f-lft .e-desc::after{right: -9px; transform: rotate(180deg); left: auto;}
                .two-column.main-timeline .u-event .e-element .e-content.f-lft .e-desc::before{right:-10px; transform: rotate(180deg); left: auto;}
                .two-column.main-timeline .u-event .e-element .e-label + .full-width{margin-top: 60px;} 
                .two-column.main-timeline .e-label-dynamic { margin-left: -50px; left: 50%;  margin-top: 0px;}
                .two-column.main-timeline .u-event .e-element .e-content.f-lft .e-desc{margin-left: 40px;}
                .two-column.main-timeline .u-event .e-element .e-content.f-ryt .e-desc{margin-right: 40px;}
                .two-column.main-timeline .u-event .e-element .e-content .bullet{ left: 50%; margin-left: -31px; top: 50%; margin-top: -31px; width: 62px; height: 62px;}
                .two-column.main-timeline .u-event .e-element .e-content .bullet i { line-height: 62px; }

                /*list-design page*/
                /*accordian*/
                .panel-group { margin-bottom: 0px; }
                .panel-group .panel { border-radius: 0px; }
                .panel-group .panel-title { line-height: 35px; }
                .panel-group .panel-title a { display: block; transition: 0.5s; }
                .panel-group .panel-heading .panel-title a i { line-height: 35px; transform: rotate(90deg); transition: 0.5s; }
                .panel-group .panel-heading .panel-title a.collapsed i { transform: rotate(0deg); }
                .panel-group .panel-heading .panel-title a i.fa-plus { transform: rotate(135deg); }
                .panel-group .panel-heading .panel-title a.collapsed i { transform: rotate(-0deg); }

                .border-bottom-panel{border-bottom-width: 2px;}
                .list-view.form-inline.boot-style .multiselect-container { display: block !important; margin-top: 1px !important; }
                .list-view.form-inline.boot-style{ height: 230px; }
                .list-view .multiselect-container > li > a > label { line-height: 31px; text-align: left; }
                .list-view.boot-style.one-input .form-group { width: 100%; }

                .l-sorting{ border: 1px solid rgba(0,0,0,0.15); background: #fff; }
                .l-sorting .ls-body li{display: block; line-height: 31px; text-transform: capitalize; }
                .l-sorting .ls-heading{line-height: 31px; padding-left: 6px; background: rgba(0, 0, 0, 0.09); border-bottom: 2px solid rgba(0, 0, 0, 0.15);}
                .l-sorting .ls-body{ height: 200px; overflow-y: auto;}
                .l-sorting .ls-body li a{display: block; cursor: pointer; line-height: 31px; padding-left: 6px; color: rgba(0,0,0,0.6);}
                .l-sorting .ls-body li a:hover{ background:#fff; box-shadow: inset 0 0 0 42px rgba(0,0,0,0.09); color: rgba(0,0,0,0.8);}

                .l-sorting .ls-body li.ui-state-disabled a
                { color: rgba(0,0,0,0.4); background: rgba(0, 0, 0, 0.06) !important; box-shadow: none; cursor: not-allowed;}

                .l-sorting ul .ui-sortable-helper,
                .l-sorting ul li.selected
                {border:1px dashed #000; box-shadow: none; background: none; background: rgba(0,0,0,0.09);}
                .l-sorting ul .ui-sortable-placeholder,
                .l-sorting ul .ui-state-highlight,
                .l-sorting ul .placeholder
                {border: 1px dashed rgba(0,0,0,1); visibility: visible !important; background: #649ae1; opacity: 0.1;}
                .panel-primary > .panel-heading{ color: #fff; background-color: #649ae1 !important; border-color: #649ae1; }
                .panel-group .panel-heading + .panel-collapse > .panel-body, 
                .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid rgba(0,0,0,0.09);}

                /* ==== bootstrap color panel ==== */
                .panel-primary.border-bottom-panel{ border-bottom-color: #649ae1; }
                .panel-success.border-bottom-panel{ border-bottom-color: #3c763d; }
                .panel-info.border-bottom-panel{ border-bottom-color: #31708f; }
                .panel-warning.border-bottom-panel{ border-bottom-color: #8a6d3b; }
                .panel-danger.border-bottom-panel{ border-bottom-color: #a94442; }


                .panel-info > .panel-heading .panel-title a{ color: #31708f !important; }
                .panel-success > .panel-heading .panel-title a{ color: #3c763d !important; }
                .panel-grey > .panel-heading .panel-title a{ color: rgba(0,0,0,0.6); }
                .panel-danger > .panel-heading .panel-title a{ color: #a94442 !important; }
                .panel-warning > .panel-heading .panel-title a{ color: #8a6d3b !important; }

                /* ==== end list-design page ==== */

                /*===start sliding-tab ===*/

                #sidebar-right > .nav.nav-tabs.nav-justified.sliding-bar { margin-bottom: 0px; }
                .default-tab .sliding-bar.nav-tabs { position: relative; }
                /*.default-tab .sliding-bar.nav-tabs li.active > a > .caret{ transform: rotateX(180deg);}*/
                .default-tab .sliding-bar.nav-tabs li.active{border-bottom: 1px solid rgba(0,0,0,0.15);}
                .default-tab .sliding-bar.nav-tabs .slider { background: #649AE1 !important; bottom: 0; height: 2px; left: 0; position: absolute; z-index: 1; transition: 0.5s; width: 0; }


                /*#sidebar-right .sliding-bar.nav-tabs .slider { width: 76px; }*/
                /* ==== end sliding-tab ==== */

                /*tabs*/
                .default-tab .tab-content { border: 1px solid rgba(0,0,0,0.15); box-shadow: inset 0 0 0 42px rgba(0,0,0,0) ;transition: 0.5s }
                .default-tab .nav-tabs  li  a { border-radius: 0px; margin-right: 0px;  border:none; padding: 0 12px; line-height: 42px; white-space: nowrap;}
                .default-tab .nav-tabs  li.active  a { border-bottom: 1px solid transparent; font-weight: 600; color: rgba(0, 0, 0, 0.8); border:none;}
                .default-tab .nav-tabs { border-bottom: none; z-index: 1; display: block; }
                .default-tab .nav-tabs  li{ margin: 0px; background: #fff; border-width: 1px 0 0 1px; border-style: solid; border-color: rgba(0,0,0,0.15); }
                .default-tab .nav-tabs  li:last-child{ border-right: 1px solid rgba(0,0,0,0.15); }
                .default-tab .nav-tabs.wyt-bg  li  a { border-radius: 0px; margin-right: 0px; margin-right: -1px; }
                .default-tab.stack-nav li { float: none; }
                .default-tab.stack-nav.f-ryt .tab-content { border-width: 1px 1px 0px 0px; }
                .default-tab.stack-nav.f-ryt { border-width: 0 0 1px 1px; border-style: solid; border-color: #ddd; }
                .default-tab.stack-nav.f-lft .tab-content { border-width: 1px 0px 0px 0px; padding-left: 105px; }
                .default-tab.stack-nav.f-lft { border-width: 0 1px 1px 0px; border-style: solid; border-color: #ddd; }
                .default-tab.stack-nav.f-lft .nav-tabs > li.active > a { border-right: none; border-bottom-color: #ddd; }

                .default-tab.active-top > .tab-content { margin-top: -1px; }
                .default-tab .nav-justified .tab-content { margin-top: -1px; }
                .default-tab.bottom-tab.active-btm .nav-tabs > li.active{box-shadow: 0 2px 0 0px #649ae1;}

                .default-tab #slide-tab.nav-tabs.nav-justified .slider { width: 150px; }

                .default-tab.stack-nav.f-lft .tab-content { border-width: 1px 0 0; padding: 15px 15px 15px 130px; }
                .default-tab.stack-nav.f-ryt .tab-content { border-width: 1px 0 0; padding: 15px 130px 15px 15px; }

                .default-tab .nav-tabs li.active a,
                .default-tab.style-2 .nav-tabs li.active-nav > a,
                .default-tab.style-2 .nav-tabs li.active-nav > a:hover,
                .default-tab.style-2 .nav-tabs li.active-nav > a:focus
                {  box-shadow: inset 0 0 0 42px rgba(0,0,0,0.09); color: rgba(0,0,0,0.8); }

                .default-tab.stack-nav .nav-tabs > li{ border-right: 1px solid rgba(0,0,0,0.15); }

                .default-tab.stack-nav.f-lft.active-lft .nav-tabs li.active{ border-right: none; }
                .default-tab.stack-nav.f-lft.active-lft .nav-tabs li.active  { box-shadow: -2px 0 0 0px #649AE1; }
                .default-tab.stack-nav.f-ryt.active-rgt .nav-tabs li.active  { box-shadow: 2px 0px 0 0 #649AD1; }

                .default-tab.stack-nav.f-lft.active-lft .nav-tabs > li.active > a{ border-right: none;}

                .default-tab.stack-nav .nav-tabs > li:last-child{border-bottom: none;}
                .default-tab.active-top .nav-tabs > li{border-bottom: 1px solid rgba(0,0,0,0.15);}
                .default-tab.active-top  .nav-tabs li.active{ box-shadow: 0 -2px 0 0px #649AE1; }

                .default-tab .nav-tabs.nav-justified > .active > a,
                .default-tab .nav-tabs.nav-justified > .active > a:hover, 
                .default-tab .nav-tabs.nav-justified > .active > a:focus{ border:none; }
                .default-tab .nav-tabs.nav-justified > li{ border-bottom: 1px solid rgba(0,0,0,0.15); }

                .default-tab.bottom-tab .nav-tabs{ border-top:none; }
                .default-tab.bottom-tab .nav-tabs > li.active{ border-bottom: 1px solid rgba(0,0,0,0.15); }
                .default-tab .nav-tabs.sliding-bar > li.slider{ border-right: 0px;border-left: 0px; }
                .default-tab .nav-tabs.sliding-bar > li:nth-last-child(2){ border-right: 1px solid rgba(0,0,0,0.15); }
                .default-tab.full .nav-tabs{ display: block;}
                .with-tab.panel{ border: none; background: none; }

                .default-tab .nav-tabs li a:before,
                .default-tab .nav-tabs li a:after
                { font-family: 'Glyphicons Halflings'; width: 42px; height: 42px; float: right; line-height: 42px; position: absolute; right: 0; text-align: center; font-size: 12px; cursor: pointer;}

                .default-tab .nav-tabs li.icon-refresh a:before{ content: "\e031"; }
                .default-tab .nav-tabs li.icon-close-btn a:after{ content: "\e014";}
                .default-tab .nav-tabs li.icon-refresh a,
                .default-tab .nav-tabs li.icon-close-btn a { padding-right: 42px; }
                .default-tab .nav-tabs li.icon-refresh.icon-close-btn a{ padding-right: 60px; }
                .default-tab .nav-tabs li.icon-refresh.icon-close-btn a:before,
                .default-tab .nav-tabs li.icon-refresh.icon-close-btn a:after
                {width:30px;}
                .default-tab .nav-tabs li.icon-refresh.icon-close-btn a:before{ right: 42px; }
                .default-tab .nav-tabs li.icon-refresh.icon-close-btn a:before{ right: 30px;}

                /*feeeds-new*/
                .feeeds-new { background: rgba(255, 255, 255, 0.6); width: 100%; padding: 20px; margin-bottom: 15px; }
                .feeeds-new .main-post .fd-h-wrpr .img-user { float: left; width: 12%; }
                .feeeds-new .main-post .fd-h-wrpr .img-user img { width: 100%; border: 3px solid rgba(0,0,0,0.15); max-width: 76px; min-width: 48px; }
                .feeeds-new .main-post .fd-h-wrpr .name-user { width: 88%; float: left; padding-left: 10px; }
                .feeeds-new .main-post .fd-h-wrpr .name-user .fd-n-time .name { font-weight: 600; font-size: 15px; }
                .feeeds-new .main-post .fd-h-wrpr .name-user .fd-n-time { margin-bottom: 2px; }
                .feeeds-new .main-post .fd-h-wrpr .name-user .fd-n-time .time { color: rgba(0, 0, 0, 0.4); font-size: 12px; padding-right: 5px; }
                .feeeds-new .main-post .fd-h-wrpr .name-user .fd-n-time .time em { font-style: normal; padding-left: 5px; }
                .feeeds-new .main-post .fd-h-wrpr .name-user .fd-n-time .time em:before { content: "/"; padding-right: 5px; color: rgba(0, 0, 0, 0.3); }
                .feeeds-new .main-post .fd-h-wrpr .name-user .project-user { margin-bottom: 5px; font-size: 14px; color: #649ae1; position: relative; }
                .feeeds-new .main-post .fd-h-wrpr .name-user .project-user .settings { padding-right: 5px; color: rgba(0, 0, 0, 0.4); cursor: pointer; padding-left: 5px; }
                .feeeds-new .main-post .fd-h-wrpr .name-user .project-user .custom-popover { width: 155px; }
                .feeeds-new .main-post .fd-h-wrpr .name-user .project-user .settings:hover { color: rgba(0, 0, 0, 0.7); }

                .feeeds-new .main-post .fd-h-wrpr .name-user .project-user .with-setting{position: absolute; right: 0px;}

                .feeeds-new .main-post .fd-h-wrpr .name-user .project-user .custom-popover .cp-body ul li a { color: rgba(0, 0, 0, 0.6); display: block; line-height: 35px; padding: 0 10px 0; font-size: 13px; }
                .feeeds-new .main-post .fd-h-wrpr .name-user .project-user .custom-popover .cp-body ul li a:hover,
                .feeeds-new .main-post .fd-h-wrpr .name-user .project-user .custom-popover .cp-body ul li a:focus { background: rgba(0,0,0,0.09);
                                                                                                                    color: rgba(0,0,0,0.8); }
                .feeeds-new .main-post .fd-h-wrpr .name-user .project-user .custom-popover .cp-body ul li a i.imoon { font-size: 16px; }
                .feeeds-new .main-post .fd-h-wrpr .name-user .project-user .settings.active-set { color: rgba(0, 0, 0, 0.7); }
                .feeeds-new .main-post .fd-h-wrpr .name-user .project-user .settings i { line-height: 20px; }
                .feeeds-new .main-post .fd-h-wrpr .name-user .fd-sts-txt { margin-bottom: 5px; color: rgba(0, 0, 0, 0.8); }
                /*=== bootstrap-color ====*/
                .feeeds-new .main-post .fd-h-wrpr .name-user .fd-sts-txt span a { color: inherit; }

                .feeeds-new .main-post .teg { margin-top: 10px; position: relative; padding-right: 96px; }
                .feeeds-new .main-post .teg .ls-wrpr { position: absolute; right: 0px; top: 0px; }
                .feeeds-new .main-post .teg .ls-wrpr ul li { float: left; }
                .feeeds-new .main-post .teg .ls-wrpr ul li a { display: inline-block; font-weight: 600; font-size: 14px; padding: 0px 5px; color: rgba(0, 0, 0, 0.4); transition: 0.5s; }

                .feeeds-new .main-post .teg .ls-wrpr ul li a:hover,
                .feeeds-new .main-post .teg .ls-wrpr ul li a:focus { color: rgba(0, 0, 0, 0.8);}

                .feeeds-new .main-post .teg .ls-wrpr ul li:last-child a { border-right: none; }
                .feeeds-new .main-post .teg span { cursor: pointer; display: inline-block; margin-right: 5px;  position: relative; padding: 3px 10px 3px 21px; border: 1px solid rgba(0,0,0,0.09); font-size: 12px; }
                .feeeds-new .main-post .teg span:before { content: ""; height: 5px; width: 5px; background: rgba(0,0,0,0.4); border-radius: 50%; position: absolute; left: 7px; top: 50%; margin-top: -2px; }
                .feeeds-new .main-post .sub-reply { padding-top: 10px; display: none; }
                .feeeds-new .main-post .sub-reply a { font-weight: 600; }
                .feeeds-new .main-post .sub-reply .like { padding-right: 10px; border-right: 1px solid rgba(0,0,0,0.09); padding-left: 5px; }
                .feeeds-new .main-post .sub-reply .reply { padding-right: 10px; padding-left: 10px; border-right: 1px solid rgba(0,0,0,0.09); }
                .feeeds-new .main-post .sub-reply .v-comment { padding-right: 10px; padding-left: 10px; }
                .feeeds-new .main-post .sub-reply .v-comment i { margin-right: 5px; font-weight: 600; }
                /* ===== attachment-common ===== */ 
                .feeeds-new .main-post .attatchment.has-atch,
                .attatchment.has-atch
                { margin-top: 10px; }
                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul,
                .attatchment.has-atch .atch-wrpr ul
                { width: 100%; display: block; }
                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type a,
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type a
                { padding: 0px; font-size: 12px; display: inline-block; vertical-align: middle; line-height: 24px; max-width: 130px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type,
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type
                {padding: 5px 10px;}

                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type a i,
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type a i
                { line-height: 24px; }


                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type a:hover,
                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type a:focus,
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type a:hover,
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type a:focus
                { background: none; color: rgba(0, 0, 0, 0.7); box-shadow: none !important; }
                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name,
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name
                { clear: float; width: 100%; }
                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn .size,
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn .size
                { font-weight: 600; font-size: 11px; line-height: 24px; display: inline-block; margin-right: 0px; max-width: 42px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-right: 0;}

                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn,
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn
                { background: rgba(0, 0, 0, 0.07); padding: 5px 10px; }

                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn #view,
                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn #downlod,
                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn #pin,
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn #view,
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn #downlod,
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn #pin
                { padding: 0 3px; margin-right: 0px; cursor: pointer; line-height: 24px; display: inline-block; float: right; width: 24px; text-align: center;  }

                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn #view i,
                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn #downlod i,
                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn #pin i,
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn #view i,
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn #downlod i,
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn #pin i
                { font-size: 14px; line-height: 24px; }
                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn #view:hover,
                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn #downlod:hover,
                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn #pin:hover,
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn #view:hover
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn #downlod:hover
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-opn #pin:hover
                { color: rgba(0, 0, 0, 0.7); }

                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr,
                .attatchment.has-atch .atch-wrpr
                { display: none; padding-bottom: 10px; }
                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li,
                .attatchment.has-atch .atch-wrpr ul li
                { padding-right: 5px !important; }
                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src,
                .attatchment.has-atch .atch-wrpr ul li .atch-src
                { background: #fff; border: 1px solid rgba(0,0,0,0.09); box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.09); }

                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type.pdf-fle a i,
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type.pdf-fle a i
                { color: rgb(218, 37, 28); }
                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type.zip-fle a i,
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type.zip-fle a i
                { color: rgb(255, 145, 0); }
                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type.jpg-fle a i,
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type.jpg-fle a i
                { color: rgb(0, 175, 240); }
                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type.xls-fle a i,
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type.xls-fle a i
                { color: rgb(67, 196, 2); }
                .feeeds-new .main-post .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type.wrd-fle a i,
                .attatchment.has-atch .atch-wrpr ul li .atch-src .atch-name .atch-type.wrd-fle a i
                { color: #649AE1; }

                .feeeds-new .main-post .attatchment.has-atch .atch-all-dwnld,
                .attatchment.has-atch .atch-all-dwnld
                { line-height: 35px; padding-left: 5px; font-weight: 600; border-top: 1px solid rgba(0, 0, 0, 0.04); position: relative; }
                .feeeds-new .main-post .attatchment.has-atch .atch-all-dwnld .opn-atch,
                .attatchment.has-atch .atch-all-dwnld .opn-atch
                { padding-right: 5px; cursor: pointer; transition: 0.5s; transform: rotate(0deg); }
                .feeeds-new .main-post .attatchment.has-atch .atch-all-dwnld .opn-atch:hover,
                .attatchment.has-atch .atch-all-dwnld .opn-atch:hover
                { color: rgba(0, 0, 0, 0.7); }
                .feeeds-new .main-post .attatchment.has-atch .atch-all-dwnld .opn-atch i,
                .attatchment.has-atch .atch-all-dwnld .opn-atch i
                { line-height: 35px; }
                .feeeds-new .main-post .attatchment.has-atch .atch-all-dwnld .opn-atch.rotate,
                .attatchment.has-atch .atch-all-dwnld .opn-atch.rotate
                { transform: rotate(45deg); }
                .feeeds-new .main-post .attatchment.has-atch .atch-all-dwnld a,
                .attatchment.has-atch .atch-all-dwnld a
                { font-weight: normal; }

                .feeeds-new .main-post .comnt-sub { position: relative; margin-bottom: 10px; display: none; margin-right: 5px; }
                .feeeds-new .main-post .comnt-sub input { width: 100%; border: 1px solid rgba(0,0,0,0.15); padding: 5px 26px 5px 5px; height: 35px; }
                .feeeds-new .main-post .comnt-sub .cm-atch { position: absolute; top: 0px; right: 10px; height: 36px; }
                .feeeds-new .main-post .comnt-sub .cm-atch i { line-height: 36px; color: rgba(0, 0, 0, 0.4); }
                .feeeds-new .status-opn .s-opn-wrpr .sliding-bar li.disabled a { color: rgba(0, 0, 0, 0.4); }
                .feeeds-new .status-opn .tab-content .comnt-main { position: relative; margin-top: 15px; margin-bottom: 5px; }
                .feeeds-new .status-opn .tab-content .comnt-main input { width: 100%; border: 1px solid #DDD; padding: 5px 26px 5px 5px; height: 35px;}
                .feeeds-new .status-opn .tab-content .comnt-main .cm-atch { position: absolute; top: 0px; right: 10px; height: 36px; }
                .feeeds-new .status-opn .tab-content .comnt-main .cm-atch i { line-height: 36px; }

                /* ====== sub post ====== */
                .feeeds-new .status-opn .tab-content .main-post.sub { border-left: 1px solid rgba(100, 154, 225, 0.2); padding-left: 2%; margin-left: 2%; padding-top: 10px; background: rgba(255, 255, 255, 0.5); margin-bottom: 5px; position: relative; }
                .feeeds-new .status-opn .tab-content .main-post.sub:before { content: ""; background: #649ae1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; width: 100%; display: block; }
                .feeeds-new .status-opn .tab-content .main-post.sub:before{content: "";}
                .feeeds-new .status-opn .tab-content .main-post.sub .fd-h-wrpr .img-user { width: 8%; }
                .feeeds-new .status-opn .tab-content .main-post.sub .fd-h-wrpr .img-user img { max-width: 48px; min-width: 38px; }
                .feeeds-new .status-opn .tab-content .main-post.sub .fd-h-wrpr .name-user { width: 92%; }
                .feeeds-new .status-opn .tab-content .main-post.sub .fd-h-wrpr .name-user .fd-n-time { margin-bottom: 0px; }
                .feeeds-new .status-opn .tab-content .main-post.sub .comnt-sub { display: none; }
                .feeeds-new .status-opn .tab-content .main-post.sub .fd-h-wrpr .name-user .project-user .with-setting { display: none; }
                .feeeds-new .status-opn .tab-content .main-post.sub .fd-h-wrpr .name-user .fd-n-time .name { font-size: 13px; }
                .feeeds-new .status-opn .tab-content .main-post.sub .fd-h-wrpr .name-user .project-user { font-size: 13px; margin-bottom: 0px; }
                .feeeds-new .status-opn .tab-content .main-post.sub .attatchment .atch-wrpr ul li .atch-src .atch-name .atch-type a i { font-size: 14px;}
                .feeeds-new .status-opn .tab-content .main-post.sub .attatchment .atch-wrpr ul li .atch-src .atch-name .atch-opn i { font-size: 14px }
                .feeeds-new .status-opn .tab-content .main-post.sub .attatchment .atch-wrpr ul li .atch-src .atch-name .atch-type a { font-size: 11px; }
                .feeeds-new .status-opn .tab-content .main-post.sub .teg { display: none; }
                .feeeds-new .status-opn .tab-content .main-post.sub .sub-reply { background: #F3F8FD; padding-bottom: 5px; padding-left: 5px; margin-right: 10px; padding-top: 5px; position: relative; display: block; margin-top: 5px; }
                .feeeds-new .status-opn .tab-content .main-post.sub .sub-reply:before { content: ""; position: absolute; top: -7px; left: 22px; border-bottom: 8px solid #F3F8FD; border-left: 8px solid transparent; border-right: 8px solid transparent; }
                .feeeds-new .status-opn .tab-content .main-post.sub .main-post.sub { display: none;}
                /*sub next levl post*/
                .feeeds-new .status-opn .tab-content .main-post.sub .main-post.sub .fd-h-wrpr .img-user {width: 7%; }
                .feeeds-new .status-opn .tab-content .main-post.sub .main-post.sub .fd-h-wrpr .img-user img { max-width: 38px; }
                .feeeds-new .status-opn .tab-content .main-post.sub .main-post.sub .fd-h-wrpr .name-user { width: 93%; }
                .feeeds-new .status-opn .tab-content .main-post.sub .main-post.sub .fd-h-wrpr .name-user .fd-n-time .name { font-size: 11.5px; }
                /*like subpost and share*/
                .feeeds-new .status-opn .tab-content .cmn-ls .main-post.sub .fd-h-wrpr .img-user { width: 6%; }
                .feeeds-new .status-opn .tab-content .cmn-ls .main-post.sub .fd-h-wrpr .name-user { width: 94%; }
                .feeeds-new .status-opn .tab-content .cmn-ls .main-post.sub .fd-h-wrpr .name-user .project-user { display: none; }
                .feeeds-new .status-opn .tab-content .cmn-ls .main-post.sub .fd-h-wrpr .name-user .fd-sts-txt { display: none;}
                .feeeds-new .status-opn .tab-content .cmn-ls .main-post.sub .sub-reply { display: none; }
                .feeeds-new .status-opn .tab-content .cmn-ls .main-post.sub .attatchment.has-atch { display: none; }
                .feeeds-new .status-opn .tab-content .cmn-ls .main-post.sub { padding-bottom: 10px; margin-bottom: 1px; border-right: 1px solid #DDD; }
                .feeeds-new .status-opn .tab-content .cmn-ls .main-post.sub .fd-h-wrpr .img-user { display: none; }
                .feeeds-new .status-opn .tab-content .cmn-ls .main-post.sub .fd-h-wrpr .name-user .fd-n-time .time { display: none; }
                .feeeds-new .status-opn .tab-content .cmn-ls .main-post.sub .fd-h-wrpr .name-user .fd-n-time .name a { font-size: 12px; font-weight: normal; }
                /*wrt-post*/
                .feeeds-new.wrt-post .note-editor.note-frame.panel { margin-bottom: 0px; }
                .feeeds-new.wrt-post .main-post .fd-h-wrpr .name-user .click2edit .project-user .settings { display: none; }
                .feeeds-new.wrt-post .main-post .teg { display: none;}
                .feeeds-new.wrt-post .main-post .teg-input { margin-top: 10px; margin-bottom: 5px;}
                .feeeds-new.wrt-post .main-post .teg-input .tokenfield { border: 1px solid rgba(0,0,0,0.09); background: #fff; border-radius: 0px; padding: 6px 5px;}
                .feeeds-new.wrt-post .main-post .teg-input .tokenfield.focus { box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.3); }
                .feeeds-new.wrt-post .main-post .teg-input .tokenfield .token .token-label { font-size: 12px; }
                .feeeds-new.wrt-post .main-post .teg-input .token .close { font-size: 0px; }
                .feeeds-new.wrt-post .main-post .teg-input .token-input { margin-bottom: 0px; }
                .feeeds-new.wrt-post .main-post .teg-input .tokenfield .token { margin-bottom: 0px; border-radius: 0px; position: relative; padding-left: 15px; }
                .feeeds-new.wrt-post .main-post .teg-input .tokenfield .token .token-label:before { content: ""; height: 5px; width: 5px; background: rgba(0,0,0,0.4); border-radius: 50%; position: absolute; left: 7px; top: 50%; margin-top: -3px; }
                .feeeds-new.wrt-post .main-post .teg-input .token .close:before { content: "\f00d"; display: inline-block; font: 11px/1 FontAwesome; margin-left: 5px; margin-right: 5px; margin-top: 3px;}
                .feeeds-new.wrt-post .main-post .attatchment.has-atch { display: none; }
                .feeeds-new.wrt-post .main-post .atch-fle .dropzone { min-height: 20px; }
                .feeeds-new.wrt-post .main-post .atch-fle .dropzone .dz-default { margin: 0px; }

                /*start list-view*/
                .list-wrpr{border-bottom: 2px solid rgba(0,0,0,0.4);}
                .list-wrpr .ld-wrpr { background: #fff; box-shadow: 2px 1px 0px rgba(0, 0, 0, 0.07); margin-bottom: 1px; }
                .list-wrpr .ld-wrpr .list-img { float: left; padding: 15px 0px 10px 15px; }
                .list-wrpr .ld-wrpr .list-img .l-img img { width: 55px; border: 3px solid rgba(0, 0, 0, 0.2); margin: 0 auto; }
                .list-wrpr .ld-wrpr .list-img .l-icon { margin: 10px 0px 0px; }
                .list-wrpr .ld-wrpr .list-img .l-icon span { color: rgba(0, 0, 0, 0.4); display: inline-block; margin-left: 10px; cursor: pointer; transition: 0.3s; }
                .list-wrpr .ld-wrpr .list-img .l-icon span:hover{color: rgba(0, 0, 0, 0.8);}
                .list-wrpr .ld-wrpr .list-img .l-icon span:first-child{margin-left: 0px;}
                .list-wrpr .ld-wrpr .list-data { float: left; }
                .list-wrpr .ld-wrpr .list-data .l-heading { font-size: 20px; display: inline-block; color: rgb(51, 194, 166); }
                .list-wrpr .ld-wrpr .list-data .l-loc { display: block; font-weight: 600; font-size: 12px; }
                .list-wrpr .ld-wrpr .list-data .l-data-lft .ld-value { font-weight: 600; }
                .list-wrpr .ld-wrpr .list-data .l-data-lft .ld-value.with-bg {     background: #649ae1; padding: 0 5px; box-shadow: inset 0 0 0 35px rgba(255, 255, 255, 0.8); }
                .list-wrpr .ld-wrpr .list-data .l-data-lft .ldr-title.ld-title { display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 2.1px; font-weight: 600; color: rgba(0, 0, 0, 0.45); }
                .list-wrpr .ld-wrpr .list-data .l-data-lft .ldr-value.ld-value { color: #649ae1; font-size: 18px; font-weight: normal; display: block; }
                .list-wrpr .ld-wrpr .list-data .l-data-lft .ld-value,
                .list-wrpr .ld-wrpr .list-data .l-data-lft .ld-title
                { line-height: 24px; display: inline-block; }


                /*.lw-footer with pagination(grid-view) */

                /*end list-view*/
                /*start grid-view*/
                .with-gv .lw-footer {text-align: center; border-top: 2px solid rgba(0, 0, 0, 0.4); }
                .with-gv .lw-footer .gf-row-count select { width: 45px; }
                .with-gv .lw-footer .gf-row-count .panel-title { line-height: 33px; }
                .with-gv .lw-footer .total-data-count { line-height:33px; display: inline-block;}
                .with-gv .list-wrpr{ border-bottom: none; }
                .with-gv .lw-footer .pagination{float: right;}
                /*end grid-view*/


                /*searrch search-wrpr*/
                .search-wrpr { padding: 0px 5px; background: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.09); box-shadow: inset 0 0 0 42px rgba(0, 0, 0, 0.15);}
                .search-wrpr .search-icon ul li { float: left; padding: 0; width: 42px; height: 42px; text-align: center; }
                .search-wrpr .search-icon ul li a { color: rgba(0, 0, 0, 0.3); display: inline-block; padding: 0 5px; box-shadow: none; transition: 0.5s; }
                .search-wrpr .search-icon ul li a:hover { box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.5) inset; color: rgba(0, 0, 0, 0.7);}
                .search-wrpr .search-icon ul li a:focus { box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.6) inset; color: rgba(0, 0, 0, 0.7);}
                .search-wrpr .search-icon ul li a i{ line-height: 42px; }
                .search-wrpr .search-data { position: relative; }
                .search-wrpr .search-data input { border: 1px solid rgba(0, 0, 0, 0.2); width: 300px; padding-left: 21px; font-size: 12px; line-height: 29px;  }
                .search-wrpr .search-data .search-text:before { content: "\f002"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; }
                .search-wrpr .search-data .search-text { position: absolute; left: 5px; top: 50%;
                                                         margin-top: -7px; color: rgba(0, 0, 0, 0.3); }
                .search-wrpr:before { background: radial-gradient(circle, green); content: ""; }

                .search-wrpr .search-icon ul{margin-top: 0px; }


                .search-box .custom-popover:before{ background: rgba(0,0,0,0.02); position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0px; }

                .search-box .custom-popover { position: relative; width: 100%; top: 0px; margin-top: -0px; left: 0px; box-shadow: none; background: #fff; border-top: none; border-color: rgba(0, 0, 0, 0.1); }

                .search-box .custom-popover .cp-body .fst { width: 49%; }
                .search-box .custom-popover .cp-body .sec { width: 51%; }
                .search-box .custom-popover .cp-body input { line-height: 31px; height: 31px; }
                .search-box .custom-popover .cp-body input { background: none; }
                .search-box .custom-popover .cp-body .fst.full-width,
                .search-box .custom-popover .cp-body .sec.full-width { width: 100%; }
                .search-box .custom-popover.dtl-search .cp-body { padding: 10px; }
                .search-box .custom-popover .cp-body .panel-title { display: block; font-size: 12px; color: rgba(0, 0, 0, 0.8) !important; font-weight: normal; }

                .mail-wrpr .mm-search .search-icon ul { margin-top: 0px; }

                /*mailbox mail-wrpr*/
                .mail-wrpr .btn-compose{max-width: 292px;}
                .mail-wrpr .label-wrpr .m-folder-wrpr .m-folder .label { font-weight: bold; font-size: 12px; }
                .mail-wrpr .label-wrpr .m-label-wrpr .m-label-head { display: block; font-weight: bold; }
                .mail-wrpr .label-wrpr .m-label-wrpr .m-label .panel-title { text-transform: capitalize; }

                .mail-wrpr .mail-msg-wrpr .mm-hdr .m-count .mail-count em { margin-left: 5px; margin-right: 5px; }
                .mail-wrpr .mail-msg-wrpr .mm-hdr .m-count .mail-count { font-size: 12px; color: rgba(0, 0, 0, 0.8); font-weight: 600; margin-right: 5px; }
                .mail-wrpr .mail-msg-wrpr .mm-body-wrpr { position: relative; }
                .mail-wrpr .mail-msg-wrpr .mm-body { overflow-y: auto; }




                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .checkbox-squere { width: 5%; }
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info { width: 95%; border-left: 3px solid rgba(0, 0, 0, 0.09); }
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-img { padding: 10px 0px 10px 10px; text-align: center; border-radius: 50%;  }
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-img img { width: 100%; border: 2px solid rgba(0, 0, 0, 0.15); max-width: 50px; min-width: 40px; border-radius: 50%;  }
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text { width: 93%; padding-left: 10px; }
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text .m-name { display: block; margin-top: 10px; font-size: 13px;  font-weight: 600; }
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text .m-name.pin:before { content: "\f0c6"; display: inline-block; font: normal normal normal 16px/1 FontAwesome; float: right; margin-right: 10px; transform: rotate(135deg); color: rgba(0, 0, 0, 0.4); }
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text p { position: relative; padding-left: 20px; margin-bottom: 0px; }
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text p.star:before { content: "\f006"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; position: absolute; top: 0px; top: 4px; left: 0px; color: rgba(0, 0, 0, 0.4); }
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text .m-sub-time .time { font-style: normal; color: rgba(0, 0, 0, 0.8); font-weight: 600; margin-left: 10px; }
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text .m-sub-time .date { font-weight: 600; font-size: 11px;}
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text .m-sub { display: inline-block; font-size: 12px; font-weight: normal; color: rgba(0, 0, 0, 0.7);  }
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text .m-sub .m-sub-text{ font-weight: 600;}
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text .m-sub .m-sub-text:after{ content: "-"; margin: 0 5px;}
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .checkbox-mail { width: 5%; float: left; }
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .checkbox-mail input[type="checkbox"] { margin-top: 33px; }
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data.prim-mail .mm-info { border-left: 3px solid #649ae1; }
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data.info-mail .mm-info { border-left: 3px solid #55badf; }
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data.dark-mail .mm-info { border-left: 3px solid rgba(0, 0, 0, 0.7); }
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data.suc-mail .mm-info { border-left: 3px solid #4bc076; }
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data.danger-mail .mm-info { border-left: 3px solid #ec6f5a; } 
                .mail-wrpr .mail-msg-wrpr .mm-body .mm-data.warning-mail .mm-info { border-left: 3px solid #f7c65f; }
                .with-compose.mail-wrpr .mail-msg-wrpr .mm-hdr .m-count { display: none; }
                .with-compose.mail-wrpr .mail-msg-wrpr .mm-search.search-wrpr { display: none; }
                .with-compose.mail-wrpr .mail-msg-wrpr .mm-body { overflow: visible !important;}
                .with-compose.mail-wrpr .mail-msg-wrpr .mm-body .sub-data .input-group .input-group-addon,
                .with-compose.mail-wrpr .mail-msg-wrpr .mm-body .to-data .input-group .input-group-addon { width: 20px; background: transparent; font-size: 12px; font-weight: 600; text-transform: uppercase; }
                .with-compose.mail-wrpr .mail-msg-wrpr .mm-body .sub-data,
                .with-compose.mail-wrpr .mail-msg-wrpr .mm-body .to-data { border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
                .with-compose.mail-wrpr .mail-msg-wrpr .mm-body .sub-data  input { font-size: 13px; font-weight: bold; }
                .with-compose.mail-wrpr .mail-msg-wrpr .mm-body .com-footer { background: #fff; padding-left: 10px; padding-top: 10px;     border: 1px solid rgba(0,0,0,0.15); box-shadow: inset 0 0 0 42px rgba(0, 0, 0, 0.07);}
                .with-compose.mail-wrpr .mail-msg-wrpr .mm-body .com-footer .btn-danger { border-width: 1px; }
                .with-compose.mail-wrpr .note-editor.note-frame .note-statusbar .note-resizebar{display: none;}


                .modal-design-2 .modal .modal-header
                { padding: 0 15px}
                .modal-design-2 .modal .modal-header,.modal-design-2 .modal .modal-footer{ background: none;border: none; padding: 0 10px;}
                .modal-design-2 .modal .modal-header h4{ font-size: 14px; line-height: 42px; font-weight: normal; color: rgba(0, 0, 0, 0.8); }
                .modal-design-2 .modal .modal-body .form-group label{ color: rgba(0,0,0,0.4); }
                .modal-design-2 .modal .modal-body{ padding: 0 12px; }
                .modal-design-2 .modal .modal-body .form-group input[type="text"]{ border-bottom: 1px solid rgba(0, 0, 0, 0.3); border-radius: 0px; }
                .modal-design-2 .modal .modal-body .form-group input[type="text"]:focus{ box-shadow: inset 0px -1px 0 0 rgba(0, 0, 0, 0.4); }
                .modal-design-2 .modal .modal-footer{padding-bottom: 12px;}
                .modal-design-2 .modal .modal-footer .note-image-btn,
                .modal-design-2 .modal .modal-footer .note-link-btn
                { background: none !important; border: none; color: #649ae1 !important; text-transform:        uppercase; font-weight: 600; }
                .modal-design-2 .modal .modal-footer .note-image-btn:hover,
                .modal-design-2 .modal .modal-footer .note-image-btn:focus,
                .modal-design-2 .modal .modal-footer .note-link-btn:hover,
                .modal-design-2 .modal .modal-footer .note-link-btn:focus
                { background: none; box-shadow: none; }


                /*mailbox-split design-2*/
                .mail-wrpr .label-wrpr { background: none; border-right: none; padding: 10px 0 0px 0;width: 100%; }
                .mail-wrpr .label-wrpr .m-folder-wrpr .m-folder .panel-title { line-height: 35px; }
                .mail-wrpr .label-wrpr .m-label-wrpr .m-label .panel-title { line-height: 35px; }
                .with-compose.mail-wrpr .mail-msg-wrpr .mm-body .sub-data .form-control,
                .with-compose.mail-wrpr .mail-msg-wrpr .mm-body .to-data .form-control { border: 1px solid rgba(0,0,0,0.15); font-size: 13px; color: rgba(0,0,0,0.8);}

                /*active class concept*/
                .active-chld.fixed-action-btn ul li.fst {top: -56px;}
                .active-chld.fixed-action-btn ul li.sec { top: -103px; }
                .active-chld.fixed-action-btn ul li.trd { top: -150px;}
                .active-chld.fixed-action-btn ul li.frth { top: -197px; }
                .active-chld.fixed-action-btn ul li { opacity: 1; transform: scaleX(1) scaleY(1);}
                .fixed-action-btn ul li a { transition: 0.5s;}

                .fixed-action-btn ul li a.voda-thm { color: #EC6F5A;}
                .fixed-action-btn ul li a.wyt-thm { color: #649ae1;}
                .fixed-action-btn ul li a.green-thm { color: #009688;}
                .fixed-action-btn ul li a.blue-thm { color: #3F51B5;}
                /* second version*/
                .set-thm .thm-mnu .menu-open { display: none; }

                .set-thm .thm-mnu .hamburger { width: 25px; height: 3px; background: white; display: block; position: absolute; top: 50%; left: 50%; margin-left: -12.5px; margin-top: -1.5px; transition: transform 200ms; transition: transform 200ms, -webkit-transform 200ms; }
                .set-thm .thm-mnu { position: fixed; padding-left: 190px; box-sizing: border-box; font-size: 20px; text-align: left; bottom: 205px; right: 140px;       z-index: 1;}
                .set-thm.open-up .thm-mnu{bottom: 140px; right: 51px;}
                .box-lyt .set-thm.open-up .thm-mnu{right: 100px;}
                .box-lyt .set-thm .thm-mnu{ right: 200px;}
                .set-thm .thm-mnu .menu-item:hover { background: white; color: rgba(0, 0, 0, 0.6); }
                .set-thm .thm-mnu .menu-item:nth-child(3) { transition-duration: 70ms; }
                .set-thm .thm-mnu .menu-item:nth-child(4) { transition-duration: 130ms; }
                .set-thm .thm-mnu .menu-item:nth-child(5) { transition-duration: 190ms; }
                .set-thm .thm-mnu .menu-item:nth-child(6) { transition-duration: 250ms; }
                .set-thm .thm-mnu .menu-item:nth-child(7) { transition-duration: 310ms; }

                .set-thm .thm-mnu .menu-open-button { z-index: 2; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-duration: 400ms; transform: scale(1.1, 1.1) translate3d(0, 0, 0) rotate(-45deg); cursor: pointer; border:1px solid rgba(0,0,0,0.15); }

                .set-thm .thm-mnu .menu-open-button i { color: #649AE1; line-height: inherit; }
                .set-thm .thm-mnu .menu-open-button:hover { transform: scale(1.2, 1.2) translate3d(0, 0, 0)	; }
                .set-thm .thm-mnu .menu-open:checked + .menu-open-button { transition-timing-function: linear; transition-duration: 200ms;
                                                                           transform: scale(0.9, 0.9) translate3d(0, 0, 0) rotate(-45deg); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.1); }
                .set-thm .thm-mnu .menu-open:checked ~ .menu-item { transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.1);}
                .set-thm .thm-mnu .menu-open:checked ~ .menu-item:nth-child(3) { transition-duration: 160ms; transform: translate3d(110px, 21px, 0);}
                .set-thm .thm-mnu .menu-open:checked ~ .menu-item:nth-child(4) { transition-duration: 240ms; transform: translate3d(44px, 95px, 0);}
                .set-thm .thm-mnu .menu-open:checked ~ .menu-item:nth-child(5) { transition-duration: 320ms; transform: translate3d(-44px, 97px, 0);}
                .set-thm .thm-mnu .menu-open:checked ~ .menu-item:nth-child(6) { transition-duration: 400ms; transform: translate3d(-110px, 21px, 0);}
                .set-thm .thm-mnu .menu-open:checked ~ .menu-item:nth-child(7) { transition-duration: 320ms; transform: translate3d(-44px, -90px, 0);}
                /* ===== opem-up style ===== */
                .set-thm.open-up .thm-mnu .menu-open:checked ~ .menu-item:nth-child(3) { transform: translate3d(0px, -58px, 0)  rotate(-45deg); }
                .set-thm.open-up .thm-mnu .menu-open:checked ~ .menu-item:nth-child(4) { transform: translate3d(0px, -123px, 0)  rotate(-45deg); }
                .set-thm.open-up .thm-mnu .menu-open:checked ~ .menu-item:nth-child(5) { transform: translate3d(-0px, -187px, 0)  rotate(-45deg); }
                .set-thm.open-up .thm-mnu .menu-open:checked ~ .menu-item:nth-child(6) { transform: translate3d(-0px, -248px, 0)  rotate(-45deg); }
                .set-thm.open-up .thm-mnu .menu-open:checked ~ .menu-item:nth-child(7) { transform: translate3d(-0px, -309px, 0)  rotate(-45deg); }

                /*theme button class concept*/

                /*svg animation menu*/
                .bar-mnu { float: left; height: 42px; padding: 15px 15px; transition: 0.5s; width: 42px; /*position: absolute;*/ cursor: pointer; box-shadow: inset 0 0 0 42px rgba(0, 0, 0, 0.09);}
                .third-mnu .main-header .bar-mnu { left: 0px; }
                .lft-mnu .main-header  .bar-mnu,
                .rgt-mnu .main-header  .bar-mnu,
                .icon-mnu .main-header  .bar-mnu,
                .two-mnu.icon-mnu .main-header  .bar-mnu
                { left: 0; }
                .main-header .bar-mnu svg { width: 34px; height: 34px; cursor: pointer; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: absolute; left: 50%; top: 50%; margin-top: -18px; margin-left: -19px;}
                /*svg menu concept*/
                .main-header .bar-mnu path { fill: none; -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); -moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); -ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); stroke-width: 40px; stroke-linecap: round; stroke: rgba(0,0,0,0.6); stroke-dashoffset: 0px;}
                .main-header .bar-mnu path#top,
                .main-header .bar-mnu path#bottom { stroke-dasharray: 240px 950px;}
                .main-header .bar-mnu path#middle { stroke-dasharray: 240px 240px;}
                .cross  .main-header .bar-mnu path#top,
                .cross  .main-header .bar-mnu path#bottom {stroke-dashoffset: -650px; stroke-dashoffset: -650px;}
                .cross  .main-header .bar-mnu path#middle { stroke-dashoffset: -115px; stroke-dasharray: 1px 220px;}
                /*end svg menu concept*/
                /*theme menu*/

                .set-thm .thm-mnu .menu-item i { line-height: 55px;}
                .set-thm .thm-mnu .menu-item { border-radius: 100%; width: 55px; height: 55px; margin-left: -40px; position: absolute; top: 20px; text-align: center; line-height: 55px; transform: translate3d(0, 0, 0); transition: -webkit-transform ease-out 200ms; transition: transform ease-out 200ms; transition: transform ease-out 200ms, -webkit-transform ease-out 200ms; border: 1px solid rgba(0,0,0,0.15);}

                .set-thm .menu-open-button { border-radius: 100%; width: 55px; height: 55px; margin-left: -40px; position: absolute; top: 20px; text-align: center; line-height: 55px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform ease-out 200ms; transition: -webkit-transform ease-out 200ms; transition: transform ease-out 200ms; transition: transform ease-out 200ms; -webkit-transform ease-out 200ms; border: 1px solid; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.1); overflow: hidden; }

                .set-thm .thm-mnu .menu-open-button div,
                .set-thm .thm-mnu .menu-item div
                { width: 60px; height: 15px; position: absolute; border: none; right: 0; left: 0; }
                .set-thm .thm-mnu .menu-open-button .c1,
                .set-thm .thm-mnu .menu-open-button .c1-hr
                {  background: #fff;}
                .set-thm .thm-mnu .menu-open-button .c2,
                .set-thm .thm-mnu .menu-open-button .c2-hr
                { background: #fff;}
                .set-thm .thm-mnu .menu-open-button .c1{  top: 0px;  }
                .set-thm .thm-mnu .menu-open-button .c1-hr{ top: 14px; box-shadow: inset 0 34px 0 0px rgba(0, 0, 0, 0.3); }
                .set-thm .thm-mnu .menu-open-button .c2{ width: 60px;  top: 28px; }
                .set-thm .thm-mnu .menu-open-button .c2-hr{ top: 42px; box-shadow: inset 0 34px 0 0px rgba(0, 0, 0, 0.3); }

                .set-thm .thm-mnu .menu-item .c1{ top: 0px; }
                .set-thm .thm-mnu .menu-item .c1-hr{top: 14px; box-shadow: inset 0 34px 0 0px rgba(0, 0, 0, 0.3);}
                .set-thm .thm-mnu .menu-item .c2{top: 28px;}
                .set-thm .thm-mnu .menu-item .c2-hr{box-shadow: inset 0 34px 0 0px rgba(0, 0, 0, 0.3); top: 42px;}

                .set-thm .thm-mnu .menu-item:before
                {content: "\e013"; font-family: 'Glyphicons Halflings'; z-index: 5; color: rgba(0, 0, 0, 1); position: relative; font-size: 17px; font-weight: normal; opacity: 0;  transform: scale(0.5); transition: 0.3s; display: block; }

                .set-thm .thm-mnu .menu-item:hover:before,
                .red-thm .set-thm .thm-mnu .menu-item.red-thm-btn:before,
                .green-thm .set-thm .thm-mnu .menu-item.green-thm-btn:before,
                .orange-thm .set-thm .thm-mnu .menu-item.orange-thm-btn:before,
                .blue-thm .set-thm .thm-mnu .menu-item.blue-thm-btn:before
                {opacity: 1 !important; transform: scale(1) rotate(45deg) !important;}

                .set-thm .thm-mnu .menu-item.red-thm-btn .c1,
                .set-thm .thm-mnu .menu-item.red-thm-btn .c1-hr,
                .red-thm .set-thm .thm-mnu .menu-open-button .c1,
                .red-thm .set-thm .thm-mnu .menu-open-button .c1-hr
                { background: #ec6f5a; }

                .set-thm .thm-mnu .menu-item.red-thm-btn .c2,
                .set-thm .thm-mnu .menu-item.red-thm-btn .c2-hr,
                .red-thm .set-thm .thm-mnu .menu-open-button .c2,
                .red-thm .set-thm .thm-mnu .menu-open-button .c2-hr
                { background: #565656;}

                .set-thm .thm-mnu .menu-item.wyt-thm-btn:before{ transform: scale(1) rotate(45deg); opacity: 0.9;}
                .red-thm  .set-thm .thm-mnu .menu-item.wyt-thm-btn:before,
                .green-thm .set-thm .thm-mnu .menu-item.wyt-thm-btn:before,
                .orange-thm  .set-thm .thm-mnu .menu-item.wyt-thm-btn:before,
                .blue-thm  .set-thm .thm-mnu .menu-item.wyt-thm-btn:before
                { opacity: 0; transform: scale(1);}

                .set-thm .thm-mnu .menu-item.wyt-thm-btn .c1,
                .set-thm .thm-mnu .menu-item.wyt-thm-btn .c1-hr
                { background: #fff;}

                .set-thm .thm-mnu .menu-item.wyt-thm-btn .c2,
                .set-thm .thm-mnu .menu-item.wyt-thm-btn .c2-hr
                {  background: #fff; }

                .set-thm .thm-mnu .menu-item.green-thm-btn .c1,
                .set-thm .thm-mnu .menu-item.green-thm-btn .c1-hr,
                .green-thm .set-thm .thm-mnu .menu-open-button .c1,
                .green-thm .set-thm .thm-mnu .menu-open-button .c1-hr
                { background:#40b89a  }

                .set-thm .thm-mnu .menu-item.green-thm-btn .c2,
                .set-thm .thm-mnu .menu-item.green-thm-btn .c2-hr,
                .green-thm .set-thm .thm-mnu .menu-open-button .c2,
                .green-thm .set-thm .thm-mnu .menu-open-button .c2-hr
                {  background: #30363e;  }

                .set-thm .thm-mnu .menu-item.orange-thm-btn .c1,
                .set-thm .thm-mnu .menu-item.orange-thm-btn .c1-hr,
                .orange-thm .set-thm .thm-mnu .menu-open-button .c1,
                .orange-thm .set-thm .thm-mnu .menu-open-button .c1-hr
                {background: #f7b231; }

                .set-thm .thm-mnu .menu-item.orange-thm-btn .c2,
                .set-thm .thm-mnu .menu-item.orange-thm-btn .c2-hr,
                .orange-thm .set-thm .thm-mnu .menu-open-button .c2,
                .orange-thm .set-thm .thm-mnu .menu-open-button .c2-hr
                {  background: #e8e8e8; }


                .set-thm .thm-mnu .menu-item.blue-thm-btn .c1,
                .set-thm .thm-mnu .menu-item.blue-thm-btn .c1-hr,
                .blue-thm .set-thm .thm-mnu .menu-open-button .c1,
                .blue-thm .set-thm .thm-mnu .menu-open-button .c1-hr
                {background: #4a89dc; }

                .set-thm .thm-mnu .menu-item.blue-thm-btn .c2,
                .set-thm .thm-mnu .menu-item.blue-thm-btn .c2-hr,
                .blue-thm .set-thm .thm-mnu .menu-open-button .c2,
                .blue-thm .set-thm .thm-mnu .menu-open-button .c2-hr
                {  background: #f8f8f8; }
                /*red-thm operation-menu theme button*/


                /*start screen-lock page*/
                .scn-lock-overflow,
                .lyt-scrl.scn-lock-overflow
                {overflow: hidden !important;}
                .scn-lock{ position: fixed; top:0px;left: 0px; bottom:0px;right:0px;}
                .scn-lock{opacity: 0; transform: scale3d(0.5,0.5,0); transition: 0.5s; z-index: 12;}
                .scn-lock-overflow .scn-lock{opacity: 1; transform: scale3d(1,1,1);}
                .scn-lock.wyt-bg{background: rgba(105, 105, 105, 0.07) !important;}
                .scn-lock .scn-container{ display: block; position: absolute; top: 0; bottom: 0px;  }
                .scn-lock.android-scn-lock .scn-container{width: 800px;  margin-left: -400px; left: 50%;}
                .scn-lock.android-scn-lock .time,
                .scn-lock.android-scn-lock .user-notf
                {text-align: center;}
                .scn-lock .time .time-nosuf{ font-size: 45px; font-family: "open_sanslight"; }
                .scn-lock .time .time-day,
                .scn-lock .time .dec-date,
                .scn-lock .time .location
                {margin-right: 5px; font-weight: 600; font-family: open_sanslight;}
                .scn-lock .time .time-month{font-weight: 600; font-family: open_sanslight;}

                /*white-theme*/
                .scn-lock.wyt-bg .time .time-day,
                .scn-lock.wyt-bg .time .dec-date,
                .scn-lock.wyt-bg .time .time-month,
                .scn-lock.wyt-bg .time .location{ color: rgba(0, 0, 0, 0.5); }
                .scn-lock.wyt-bg .user-notf .list-inline li:hover .badge{background-color: #474545;}
                .scn-lock.wyt-bg .user-notf .list-inline li .icon{ color: RGBA(0, 0, 0, 0.72);}
                .scn-lock.wyt-bg .scn-container .scn-login img{ box-shadow: 0 0 0 2px RGBA(0, 0, 0, 0.18); transition: 0.5s; border: 2px solid  RGBA(0, 0, 0, 0.18);}
                .scn-lock.wyt-bg .scn-container .scn-login .new-login .icon
                { background: #F8F8F8; color: RGBA(0, 0, 0, 0.76);}
                .scn-lock.wyt-bg .scn-container .scn-login .new-login .password input {color: rgba(0, 0, 0, 0.7);}
                .scn-lock.wyt-bg .scn-container .scn-login .new-login .lock { color: rgb(255, 255, 255); }
                /*black-theme*/
                .scn-lock.dark-bg{background: RGBA(0, 0, 0, 0.62);}
                .scn-lock.dark-bg .time .host-time1{color: rgba(255, 255, 255, 0.9);}
                .scn-lock.dark-bg .time .time-day,
                .scn-lock.dark-bg .time .dec-date,
                .scn-lock.dark-bg .time .time-month,
                .scn-lock.dark-bg .time .location{color: rgba(255, 255, 255, 0.72);}
                .scn-lock.dark-bg .user-notf .list-inline li .badge{background: #fff; color: rgba(0, 0, 0, 0.89)}
                .scn-lock.dark-bg .user-notf .list-inline li:hover .badge{background-color: #fff;}
                .scn-lock.dark-bg .user-notf .list-inline li .icon{ color: RGBA(255, 255, 255, 0.72);}
                .scn-lock.dark-bg .scn-container .scn-login img{ box-shadow: 0 0 0 2px RGBA(255, 255, 255, 0.63); transition: 0.5s; border: 2px solid RGBA(255, 255, 255, 0.58);}
                .scn-lock.dark-bg .scn-container .scn-login .name{color: rgba(255, 255, 255, 0.89);}
                .scn-lock.dark-bg .scn-container .scn-login .new-login .icon
                { background: #F8F8F8; color: RGBA(0, 0, 0, 0.8);}
                .scn-lock.dark-bg .scn-container .scn-login .new-login .password input {color: rgba(255, 255, 255, 0.7);}
                .scn-lock.dark-bg .scn-container .scn-login .new-login:hover,
                .scn-lock.dark-bg .scn-container .scn-login .new-login.active{ background: RGBA(177, 173, 173, 0.39); box-shadow: 0 0 5px 0px RGBA(255, 255, 255, 0.2) inset;}
                .scn-lock.dark-bg .scn-container .scn-login .new-login .lock { color: rgba(255, 255, 255, 0.89); }
                .scn-lock.dark-bg .scn-container .scn-graph .graph-tile .grp-heading .grp-title{color: rgba(255, 255, 255, 0.9);}
                .scn-lock.dark-bg .scn-container .scn-graph .graph-tile:hover .grp-heading .grp-title{ color: rgb(255, 255, 255,0.7);}

                .scn-lock-overflow .scn-lock.dark-bg .scn-container .scn-graph .graph-tile::before { box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.44); transition: 0.5s; }
                .scn-lock.dark-bg .scn-container .scn-graph .graph-tile .grp-body::before {background: #fff;}
                .scn-lock.dark-bg .scn-container .scn-graph .graph-tile .grp-heading::before { background: rgba(255, 255, 255, 0.85);}
                .scn-lock .time .location{margin-left: 5px;}
                .scn-lock .time .location .icon{margin-right: 5px;}
                .scn-lock .user-notf .list-inline li{ position: relative; padding-right: 30px; padding-left: 0px; cursor: pointer;}
                .scn-lock .user-notf .list-inline li:first-child{padding-left: 0px;}
                .scn-lock .user-notf .list-inline li:last-child{padding-right: 0px;}
                .scn-lock .user-notf .list-inline li .icon{ line-height: 42px; display: inline-block; font-size: 20px; }
                .scn-lock .user-notf .list-inline li .badge{ position: absolute; top: 13px;  width: 7px !important; min-width: 7px !important;
                                                             height: 7px !important; line-height: 20px; font-weight: 600; border-radius: 50%; font-size: 0px ;left: 10px; transition: 0.5s; }
                .scn-lock .user-notf .list-inline li.set-badge .badge{left: 14px;}
                .scn-lock .user-notf .list-inline li .badge:before{content: ""; width: 30px; height: 30px; border: 4px solid #000; border-radius: 50%; background: transparent; position: absolute; left: 50%; margin-left: -15px; margin-top: -15px; top: 50%; opacity: 0;	
                                                                   animation: pulse 3s ease infinite ;}
                @keyframes pulse{ 0% {transform: scale(0); opacity: 0.0; } 25% {transform: scale(0); opacity: 0.1; } 50% { transform: scale(0.1); opacity: 0.3; } 75% { transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(1); opacity: 0.0; }}
                .scn-lock .scn-container .scn-login{ position: absolute; top: 50%; left: 50%; width: 248px; margin-left: -115px; margin-top: -75px;}
                .scn-lock .scn-container .scn-login img{ border-radius: 50%; width: 60px; height: 60px; transition: 0.5s;}
                .scn-lock .scn-container .scn-login .name {text-align: center; display: block; margin-top: 10px; font-size: 15px; text-transform: capitalize; letter-spacing: 2px; font-weight: 600; font-family: open_sanslight;}
                .scn-lock .scn-container .scn-login .new-login { position: absolute; left: 10px; right: 10px; top: 100px;}
                .scn-lock .scn-container .scn-login .new-login .password input { height: 42px; background: transparent; border: none;  font-size: 14px;}
                .scn-lock .scn-container .scn-login .new-login:hover .icon,
                .scn-lock .scn-container .scn-login .new-login.active .icon { left: 189px;}
                .scn-lock .scn-container .scn-login .new-login:hover .lock, 
                .scn-lock .scn-container .scn-login .new-login.active .lock { left: 40px; opacity: 0; }
                .scn-lock .scn-container .scn-login .new-login:hover .password,
                .scn-lock .scn-container .scn-login .new-login.active .password {left: 20px; opacity: 1; }
                .scn-lock .scn-container .scn-graph{ position: absolute; bottom: 0px; left: 0px; right: 0px;}

                /* =========== with-heading =========== */
                .scn-lock.dark-bg .time{color:rgba(255, 255, 255, 0.72); }
                .scn-lock.dark-bg .user-notf .list-inline li .badge::before { border: 4px solid #fff; }
                .scn-lock .graph-tile{ box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.3); }
                .with-heading.graph-tile:before { content: ""; box-shadow: inset 0 2px 0 2px rgba(0, 0, 0, 0.27); position: absolute; left: 0; right: 0; bottom: 0px; display: block; height: 2px; }
                .with-heading.graph-tile{ overflow: hidden; position: relative; }
                .with-heading.graph-tile .grp-body{ float: right; text-align: center; padding: 0px 12px 12px 0px; width: 75px; }
                .with-heading.graph-tile .grp-body .grp-content{display: block;}
                .with-heading.graph-tile .grp-footer{ position: absolute; left: 0px; right: 80px; top:31px; height: auto; bottom: 0px;  }

                /* =========== enda screen-lock page =========== */
                .right-box-scroll .seprator{ border-bottom: 1px dashed #bfbfbf;}
                .right-box-scroll .seprator .panel-heading{background: rgba(255,255,255,1); z-index: 9;}
                .right-box-scroll .seprator .list-two-column li{ width:50%; float: left; padding-left: 5px; line-height: 30px; position: relative;}
                .right-box-scroll .seprator .list-two-column li:before{width: 7px; height: 7px; background: #666; content: ""; position: absolute; left: -15px; top: 50%; margin-top: -4px;}
                .right-box-scroll .seprator .list-two-column.width-desc{width:890px;}
                .right-box-scroll  .list-two-column.width-desc li{width: 60%;}
                .right-box-scroll .seprator .min-height{height: 457px; overflow-y: scroll;}
                .right-box-scroll  .code-table.basic-style tr td:last-child{ text-align: left;}
                .right-box-scroll .code-table.basic-style tr td .set-width,
                .changes-table .set-width 
                {  padding: 2px 5px; }
                .right-box-scroll .seprator .list-two-column{ width: 400px;}
                /* start prism genreal*/

                /*.set-width { display: inline-block; }*/
                .set-width a  { text-decoration: none !important; background-color: rgba(0,0,0,0.15); padding: 0px 10px; line-height: 28px; display: inline-block; color: #333; border-radius: 4px; margin-right: 10px; margin-bottom:5px; }
                .set-width a:hover,
                .set-width a:focus{background-color: rgba(0,0,0,0.3);}
                .version.set-width a{color:rgba(255,255,255,0.9) !important; text-transform: capitalize;} 
                .set-width a.primary-bg{ background: #649ae1 !important;  }
                .set-width a.success-bg{ background: #4bc076 !important;}
                .panel-version .version{font-weight: normal; font-size: 11px; text-transform: capitalize; font-weight: 600;}

                #feature-table_wrapper .set-width {background-color:transparent !important; padding:0px !important;}
                .copytoclipboard .icon{color: rgba(0, 0, 0, 0.6)}
                .copy-code{width: 0; height: 0; font-size: 0;}
                .copy-code pre{font-size: 0px; height: 0px; width: 0px; padding: 0px; opacity: 0;}
                .btn-clipboard{float: left; margin-left: 10px; padding: 3px; margin-top: 5px;}
                .alert .btn-clipboard{float: none; background:none;}
                .alert.alert-info .btn-clipboard{ color: #31708f;}

                .btn-clipboard:hover{color: rgba(0,0,0,0.8);}
                .right-box-scroll .seprator .list-two-column li span{min-width: 120px;}

                /*start prism.css*/		
                code[class*="language-"],		
                pre[class*="language-"] { color: black; 		
                                          font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; text-align: left;		
                                          line-height: 1.5; 		
                }		
                pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,		
                code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { text-shadow: none; background: #b3d4fc; }		
                pre[class*="language-"]::selection, pre[class*="language-"] ::selection,		
                code[class*="language-"]::selection, code[class*="language-"] ::selection {  background: #b3d4fc; }		
                @media print {		
                    code[class*="language-"],		
                    pre[class*="language-"] { text-shadow: none; }}		
                pre[class*="language-"] { padding: 1em; margin: .5em 0; overflow: auto; }		
                :not(pre) > code[class*="language-"],		
                pre[class*="language-"] { background: #f5f2f0; }		
                :not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; }		
                .token.comment, .token.prolog, .token.doctype, .token.cdata { color: slategray; }		
                .token.punctuation { color: #999; }		
                .namespace { opacity: .7; }		
                .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol,		
                .token.deleted { color: #905; }		
                .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin,		
                .token.inserted { color: #690; }		
                .token.operator, .token.entity, .token.url, .language-css .token.string,		
                .style .token.string { color: #a67f59; background: hsla(0, 0%, 100%, .5); }		
                .token.atrule, .token.attr-value, .token.keyword { color: #07a; }		
                .token.function { color: #DD4A68; }		
                .token.regex, .token.important, .token.variable { color: #e90; }		
                .token.important,		
                .token.bold { font-weight: bold; }		
                .token.italic { font-style: italic; }		
                .token.entity { cursor: help; }		
                /* end prism genreal*/ 		
                /*start of themecss for prism*/		
                code[class*="language-"],		
                pre[class*="language-"] { color: #242424; background: none; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; text-align: left; text-shadow: none; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 22px;		
                                          -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4;		
                                          -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }		
                pre[class*="language-"],		
                :not(pre) > code[class*="language-"] { background:#fff; }		
                /* Code blocks */		
                pre[class*="language-"] { border-radius: 0px; border: 1px solid #ddd; /* #282A2B */ box-shadow: none; margin:0px; overflow: auto; padding: 1em; max-height: 500px;}		
                pre[class*="language-"] + .copytoclipboard{z-index: 1;}		
                pre[class*="language-"].shift-btn + .copytoclipboard{ right:10px !important;}		
                .token.comment, .token.prolog, .token.doctype, .token.cdata, .token.selector		
                { color:rgb(76, 136, 107); }		
                .token.punctuation { opacity: .7; }		
                .namespace { opacity: .7; }		
                .token.tag, .token.boolean, .token.number,		
                .token.deleted { color: hsl(14, 58%, 55%); }		
                .token.keyword, .token.property, .token.constant, .token.symbol,		
                .token.builtin { color: hsl(53, 89%, 79%); }		
                .token.attr-name, .token.attr-value, .token.string, .token.char, .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable,		
                .token.inserted { color: hsl(76, 21%, 52%); /* #8F9D6A */ }		
                .token.atrule { color: hsl(218, 22%, 55%); /* #7587A6 */ }		
                .token.regex, .token.important { color: hsl(42, 75%, 65%); /* #E9C062 */ }		
                .token.important, .token.bold { font-weight: bold; }		
                .token.italic { font-style: italic; }		
                .token.entity { cursor: help; }		
                pre[data-line] { padding: 1em 0 1em 3em; position: relative; }		
                .token { position: relative; z-index: 1;}		
                .line-highlight { background:#EEFBF0;  left: 0; line-height: inherit; margin-top: 0.75em;padding: inherit 0; pointer-events: none; position: absolute; right: 0; white-space: pre; z-index: 0; }		
                .line-highlight:before,		
                .line-highlight[data-end]:after { /*background-color: hsl(215, 15%, 59%);*/ border-radius: 999px; box-shadow: 0 1px white; color: hsl(24, 20%, 95%); content: attr(data-start); font: bold 65%/1.5 sans-serif; left: .6em; min-width: 1em; padding: 0 .5em; position: absolute; text-align: center; text-shadow: none; top: .4em; vertical-align: .3em; }		
                .line-highlight[data-end]:after { bottom: .4em; content: attr(data-end); top: auto; }		
                /* my Markup */		
                .language-markup .token.tag, .token.property, .token.keyword, .token.number		
                { color:#4A5BDC !important }		
                .language-markup .token.attr-name		
                { color: rgb(23, 128, 124); }		
                .language-markup .token.punctuation, .token.punctuation, .token.operator		
                { color: #000; }		
                .token.operator{ opacity: 0.7; }		
                .token.attr-value, .token.string		
                { color: RGBA(221, 17, 68, 0.84) !important; }		
                .token.class{  color:RGBA(221, 17, 68, 0.84); }		
                code[class*="language-css"], pre[class*="language-css"] { color: rgb(6, 150, 14); }		
                /*end of themecss for prism*/		
                /* prism line number*/		
                pre.line-numbers { position: relative; padding-left: 3.8em; counter-reset: linenumber; }		
                pre.line-numbers > code { position: relative; }		
                .line-numbers .line-numbers-rows { position: absolute; pointer-events: none; top: 0; font-size: 100%; left: -3.8em; width: 3em; letter-spacing: -1px; border-right: 1px solid #999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }		
                .line-numbers-rows > span { pointer-events: none; display: block; counter-increment: linenumber; }		
                .line-numbers-rows > span:before { content: counter(linenumber); color: #999; display: block; padding-right: 0.8em; text-align: right; }		
                /* end prism line number*/


                .feature-page{background:rgba(0, 0, 0, 0.09);}
                /* === bootstrap grid === */
                .b-grid { line-height: 35px; border: 2px dashed rgba(0,0,0,0.15); background: #fff; box-shadow: inset 0 0 0 35px rgba(0, 0, 0, 0.05); font-size: 12px; }
                /*==== cropiing css =====*/
                .change-profile,
                .profile-data .change-profile
                { width: 100%; background: #fff; position: absolute; z-index: 1; padding: 10px; top: 1px; left: -300px; transition: 0.5s; z-index: 3;}
                .change-profile:before,
                .profile-data .change-profile:before
                { position: absolute; content: ""; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.07); z-index: -1; }
                .change-profile .upload-msg{ height: 240px; border: 2px dashed rgba(0,0,0,0.15); padding: 10px; background: rgba(255, 255, 255, 0.96); text-align: center; position: relative;}
                .change-profile .upload-msg .close{     width: 27px; height: 27px; text-align: center; position: absolute; background: rgba(0, 0, 0, 0.08); border-radius: 50%; color: rgba(0, 0, 0, 0.4); text-shadow: none; opacity: 1; right: 8px ;top:8px; transition: 0.5s;}
                .change-profile .upload-msg .close:hover{color: rgba(0, 0, 0, 0.6);}
                .change-profile .upload-msg .text{ font-size: 16px; font-weight: 600;} 
                .change-profile .upload-msg .upload-icon{ margin-top: 20px; font-size: 90px; color: #649ae1;}
                .change-profile .upload-msg .action-button{ position: relative; background: #649ae1; width: 170px; margin: 15px auto 0px; border-radius: 17px; overflow: hidden; }
                .change-profile .upload-msg .action-button .btn{ width:100%; }
                .change-profile .upload-msg .upload-image{ position: absolute; top: 0; left: 0; right: 0; bottom: 0px; opacity: 0; z-index: 1; }
                .ready .change-profile .upload-msg{display: none; }
                .ready .change-profile .crop-file{display: block; overflow: hidden; }
                .change-profile .crop-file{ display: none; }
                .change-profile .crop-file input[type=range]::-webkit-slider-thumb { background: #649ae1; }
                .change-profile .crop-file input[type=range]::-moz-range-thumb { background: #649ae1; }
                .change-profile .crop-file input[type=range]::-ms-thumb { background: #649ae1; }
                .change-profile .crop-file .action-button{ text-align: center; margin-top: 20px;}
                .change-profile .crop-file .action-button .btn{border-radius: 15px; width: 90px;}
                .change-profile .croppie-container{padding: 0px;}
                .show-crop .change-profile{left: 0px;}
                .ready .change-profile .crop-file .cr-slider{height: 3px;}

                /* ===== crop button ====*/
                .crop-tool{display: block; position: absolute;}
                .crop-tool.top-right{ right: 1px; top: 1px;}
                .crop-tool.horrizontal li{float: left;}
                .crop-tool.vertical li{float: left;}
                .crop-tool li{margin: 5px;}
                .crop-tool li a{ width: 35px; height: 35px; text-align: center; display: block; border-radius: 50%; border: 1px solid rgba(0,0,0,0.3); position: relative; color: #fff; box-sizing: content-box; transition: 0.3s; opacity: 1;}
                .crop-tool li a:after{ background: rgba(0,0,0,0.3); content: ""; transition: 0.3s; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; border-radius: 50%; position: absolute; opacity: 1; width: 35px; height: 35px; transform: scale(0.9); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15);}
                .crop-tool li a:hover:after{ box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.0);}
                .crop-tool li a span{ line-height: 35px; z-index: 1; position: relative; }
                .set-crop.show-crop.sidebar-chat > .content{top:297px;}
                .set-crop.show-crop.ready.sidebar-chat > .content{top: 449px;}
                .open-contact .crop-tool li a{width:0px;height: 0px;opacity: 0;}
                /* ===== end crop button ==== */
                /* ====== end cropiing css ======= */

                /* ==== 16-Aug-2016 ==== */
                .profile-wrpr .profile-data,
                .profile-wrpr .chat-data{ position: fixed; width: 300px; background: #fff;  transition: 0.5s; } 
                .profile-wrpr .profile-data{ top: 42px; bottom: 42px; box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.3); }
                .profile-wrpr .mail-data{ transition: 0.5s;}
                .profile-wrpr .mail-data{ position: fixed; left: 300; right: 300px; top: 42px; bottom: 42px; transition: 0.5s;  }
                .profile-wrpr .chat-data{ top: 42px; bottom: 42px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); border-left:none; } 

                .close-contact.close-lft-overlap-mnu .two-mnu.icon-mnu .profile-wrpr .chat-data{right: -300px;}
                .close-contact.close-lft-overlap-mnu .two-mnu.icon-mnu .profile-wrpr .mail-data{right:0px;}

                .close-profile.close-lft-overlap-mnu .two-mnu.icon-mnu .profile-wrpr .profile-data{left: -300px;}
                .close-profile.close-lft-overlap-mnu .two-mnu.icon-mnu .profile-wrpr .mail-data{left:0px;}

                .close-contact.cross .two-mnu.icon-mnu .profile-wrpr .chat-data{right: -300px;}
                .close-contact.cross .two-mnu.icon-mnu .profile-wrpr .mail-data{right:0px;}

                .close-profile.cross .two-mnu.icon-mnu .profile-wrpr .profile-data{left: -258px;}
                .close-profile.cross .two-mnu.icon-mnu .profile-wrpr .mail-data{left:42px;}


                .close-lft-overlap-mnu .profile-wrpr .profile-data{left:0;}
                .close-lft-overlap-mnu .profile-wrpr .chat-data{right: 0;}

                .cross.close-profile .two-mnu.icon-mnu .profile-wrpr .profile-data{left:-258px;}
                .cross.close-contact .two-mnu.icon-mnu .profile-wrpr .chat-data{right: -300px;}

                .cross .two-mnu.icon-mnu .profile-wrpr .profile-data{left:42px;}
                .cross .two-mnu.icon-mnu .profile-wrpr .mail-data{left:342px;}

                .cross .profile-wrpr .chat-data{right: 0;}

                .cross .two-mnu.lft-mnu .profile-wrpr .profile-data{ left:0; }

                .close-profile.cross .two-mnu.lft-mnu .profile-wrpr .profile-data{ left:-300px; }
                .close-profile.cross .two-mnu.lft-mnu .profile-wrpr .mail-data{ left: 0px; }

                .close-contact.cross .two-mnu.lft-mnu .profile-wrpr .chat-data{ right:-300px; }
                .close-contact.cross .two-mnu.lft-mnu .profile-wrpr .mail-data{ right: 0px; }

                .close-contact.close-lft-overlap-mnu .two-mnu.lft-mnu .profile-wrpr .chat-data{ right: -300px; }
                .close-contact.close-lft-overlap-mnu .two-mnu.lft-mnu .profile-wrpr .mail-data{ right:0px; }

                .close-profile.close-lft-overlap-mnu .two-mnu.lft-mnu .profile-wrpr .profile-data{ left: -300px; }
                .close-profile.close-lft-overlap-mnu .two-mnu.lft-mnu .profile-wrpr .mail-data{ left:0px; }


                .cross .two-mnu.third-mnu .profile-wrpr .profile-data{ left:120px;}
                .cross .two-mnu.third-mnu .profile-wrpr .chat-data{right:0; }
                .cross .two-mnu.third-mnu .profile-wrpr .mail-data{left: 420px; }

                .close-lft-overlap-mnu.close-profile .two-mnu.third-mnu .profile-wrpr .profile-data{left: -300px;}
                .close-lft-overlap-mnu.close-profile .two-mnu.third-mnu .profile-wrpr .mail-data{left: 0;}

                .close-lft-overlap-mnu.close-contact .two-mnu.third-mnu .profile-wrpr .chat-data{right: -300px;}
                .close-lft-overlap-mnu.close-contact .two-mnu.third-mnu .profile-wrpr .mail-data{right: 0;}


                .cross.close-profile .two-mnu.third-mnu .profile-wrpr .profile-data{ left:-180px;}
                .cross.close-profile .two-mnu.third-mnu .profile-wrpr .mail-data{ left: 120px; }

                .cross.close-contact .two-mnu.nonoly-lyt.lft-mnu .profile-wrpr .mail-data{right: 0px;}
                .cross.close-profile .two-mnu.nonoly-lyt.lft-mnu .profile-wrpr .mail-data{left:300px;}

                .cross.close-profile .two-mnu.nonoly-lyt.lft-mnu .profile-wrpr .profile-data{left:0 }

                .cross .two-mnu.nonoly-lyt.lft-mnu .profile-wrpr .profile-data{left:300px;}
                .cross .two-mnu.nonoly-lyt.lft-mnu .profile-wrpr .mail-data{left:600px;}

                .cross.close-profile .icon-mnu .profile-wrpr .profile-data{left:-258px; }
                .cross.close-profile .icon-mnu .profile-wrpr .mail-data{left:42px; }

                .close-lft-overlap-mnu.close-profile .icon-mnu .profile-wrpr .profile-data{left:-300px; }
                .close-lft-overlap-mnu.close-profile .icon-mnu .profile-wrpr .mail-data{left:0px; }

                .cross .icon-mnu .profile-wrpr .profile-data{left:42px;}
                .cross .icon-mnu .profile-wrpr .mail-data{left:342px;}

                .cross .icon-mnu .profile-wrpr .chat-data{right:0px;}
                .cross.close-contact .icon-mnu .profile-wrpr .chat-data,
                .close-lft-overlap-mnu.close-contact .icon-mnu .profile-wrpr .chat-data
                {right: -300px;}

                .cross.close-contact .icon-mnu .profile-wrpr .mail-data,
                .close-lft-overlap-mnu.close-contact .icon-mnu .profile-wrpr .mail-data
                {right: 0;}

                .cross .third-mnu .profile-wrpr .mail-data{left:420px;}
                .cross .third-mnu .profile-wrpr .profile-data{left:120px;}
                .cross .third-mnu .profile-wrpr .chat-data{right: 0;}

                .cross.close-profile .third-mnu .profile-wrpr .mail-data{left:120px}
                .cross.close-profile .third-mnu .profile-wrpr .profile-data{left:-180px;}

                .cross.close-contact .third-mnu .profile-wrpr .mail-data{right:0px;}
                .cross.close-contact .third-mnu .profile-wrpr .chat-data{right: -300px;}

                .close-lft-overlap-mnu .third-mnu .profile-wrpr .mail-data{left:300px}
                .close-lft-overlap-mnu .third-mnu .profile-wrpr .profile-data{left: 0;}
                .close-lft-overlap-mnu .third-mnu .profile-wrpr .chat-data{right: 0;}

                .close-lft-overlap-mnu.close-profile .third-mnu .profile-wrpr .mail-data{left: 0}
                .close-lft-overlap-mnu.close-profile .third-mnu .profile-wrpr .profile-data{left: -300px;}

                .close-lft-overlap-mnu.close-contact .third-mnu .profile-wrpr .mail-data{right: 0;}
                .close-lft-overlap-mnu.close-contact .third-mnu .profile-wrpr .chat-data{right: -300px;}

                /*....*/
                .cross .lft-mnu .profile-wrpr .mail-data{left:300px;}
                .cross .lft-mnu .profile-wrpr .profile-data{left:0px;}
                .cross .lft-mnu .profile-wrpr .chat-data{right: 0;}

                .cross.close-profile .lft-mnu .profile-wrpr .mail-data{left:0px}
                .cross.close-profile .lft-mnu .profile-wrpr .profile-data{left:-300px;}

                .cross.close-contact .lft-mnu .profile-wrpr .mail-data{right:0px;}
                .cross.close-contact .lft-mnu .profile-wrpr .chat-data{right: -300px;}

                .close-lft-overlap-mnu .lft-mnu .profile-wrpr .mail-data{left:300px}
                .close-lft-overlap-mnu .lft-mnu .profile-wrpr .profile-data{left: 0;}
                .close-lft-overlap-mnu .lft-mnu .profile-wrpr .chat-data{right: 0;}

                .close-lft-overlap-mnu.close-profile .lft-mnu .profile-wrpr .mail-data{left: 0}
                .close-lft-overlap-mnu.close-profile .lft-mnu .profile-wrpr .profile-data{left: -300px;}

                .close-lft-overlap-mnu.close-contact .lft-mnu .profile-wrpr .mail-data{right: 0;}
                .close-lft-overlap-mnu.close-contact .lft-mnu .profile-wrpr .chat-data{right: -300px;}
                /*...*/

                .cross .nonoly-lyt.lft-mnu .profile-wrpr .mail-data{left:600px;}
                .cross .nonoly-lyt.lft-mnu .profile-wrpr .profile-data{left:300px;}
                .cross .nonoly-lyt.lft-mnu .profile-wrpr .chat-data{right: 0;}

                .cross.close-profile .nonoly-lyt.lft-mnu .profile-wrpr .mail-data{left:300px}
                .cross.close-profile .nonoly-lyt.lft-mnu .profile-wrpr .profile-data{left:0px;}

                .cross.close-contact .nonoly-lyt.lft-mnu .profile-wrpr .mail-data{right:0px;}
                .cross.close-contact .nonoly-lyt.lft-mnu .profile-wrpr .chat-data{right: -300px;}

                .close-lft-overlap-mnu .nonoly-lyt.lft-mnu .profile-wrpr .mail-data{left:300px}
                .close-lft-overlap-mnu .nonoly-lyt.lft-mnu .profile-wrpr .profile-data{left: 0;}
                .close-lft-overlap-mnu .nonoly-lyt.lft-mnu .profile-wrpr .chat-data{right: 0;}

                .close-lft-overlap-mnu.close-profile .nonoly-lyt.lft-mnu .profile-wrpr .mail-data{left: 0}
                .close-lft-overlap-mnu.close-profile .nonoly-lyt.lft-mnu .profile-wrpr .profile-data{left: -300px;}

                .close-lft-overlap-mnu.close-contact .nonoly-lyt.lft-mnu .profile-wrpr .mail-data{right: 0;}
                .close-lft-overlap-mnu.close-contact .nonoly-lyt.lft-mnu .profile-wrpr .chat-data{right: -300px;}
                /*...*/

                .close-lft-overlap-mnu.close-profile .first-mnu .profile-wrpr .profile-data{left:-300px;}
                .close-lft-overlap-mnu.close-profile .first-mnu .profile-wrpr .mail-data{left:0px;}

                .close-profile .first-mnu .profile-wrpr .profile-data{left:-300px;}
                .close-profile .first-mnu .profile-wrpr .mail-data{left:0;}

                .close-lft-overlap-mnu.close-contact .first-mnu .profile-wrpr .chat-data{right: -300px;}
                .close-lft-overlap-mnu.close-contact .first-mnu .profile-wrpr .mail-data{right: 0;}

                .close-contact .first-mnu .profile-wrpr .chat-data{ right: -300px; }
                .close-contact .first-mnu .profile-wrpr .mail-data{ right: 0; }

                .cross.close-profile .first-mnu .profile-wrpr .profile-data{ left:-300px; }
                .cross.close-profile .first-mnu .profile-wrpr .mail-data{ left:0px; }
                .cross.close-contact .first-mnu .profile-wrpr .chat-data{ right: -300px; }
                .cross.close-contact .first-mnu .profile-wrpr .mail-data{ right: 0; }

                .first-mnu .profile-wrpr .profile-data{left:0;}
                .first-mnu .profile-wrpr .chat-data{right: 0;}

                /*...*/
                .cross .two-mnu.rgt.icon-mnu .profile-wrpr .profile-data{left:0px;}
                .cross .two-mnu.rgt.icon-mnu .profile-wrpr .chat-data{right: 42px;}
                .cross .two-mnu.rgt.icon-mnu .profile-wrpr .mail-data{right: 342px;}
                .cross .two-mnu.rgt.icon-mnu .profile-wrpr .mail-data{left: 300px;}

                .close-lft-overlap-mnu .two-mnu.rgt.icon-mnu .profile-wrpr .profile-data{left: 0;}
                .close-lft-overlap-mnu .two-mnu.rgt.icon-mnu .profile-wrpr .chat-data{right: 0;}
                .close-lft-overlap-mnu .two-mnu.rgt.icon-mnu .profile-wrpr .mail-data{right: 300px;}

                .cross.close-contact .two-mnu.rgt.icon-mnu .profile-wrpr .chat-data{right: -258px;}
                .cross.close-contact .two-mnu.rgt.icon-mnu .profile-wrpr .mail-data{right: 42px;}

                .close-lft-overlap-mnu.close-contact .two-mnu.rgt.icon-mnu .profile-wrpr .chat-data{right: -300px;}
                .close-lft-overlap-mnu.close-contact .two-mnu.rgt.icon-mnu .profile-wrpr .mail-data{right: 0px;}

                .cross.close-profile .two-mnu.rgt.icon-mnu .profile-wrpr .profile-data{left: -300px;}
                .cross.close-profile .two-mnu.rgt.icon-mnu .profile-wrpr .mail-data{left: 0;}

                .close-lft-overlap-mnu.close-profile .two-mnu.rgt.icon-mnu .profile-wrpr .profile-data{left: -300px;}
                .close-lft-overlap-mnu.close-profile .two-mnu.rgt.icon-mnu .profile-wrpr .mail-data{left: 0;}




                /*...*/
                .cross .two-mnu.rgt.third-mnu .profile-wrpr .profile-data{left:0px;}
                .cross .two-mnu.rgt.third-mnu .profile-wrpr .chat-data{right: 120px;}
                .cross .two-mnu.rgt.third-mnu .profile-wrpr .mail-data{right: 420px;}
                .cross .two-mnu.rgt.third-mnu .profile-wrpr .mail-data{left: 300;}


                .close-lft-overlap-mnu .two-mnu.rgt.third-mnu .profile-wrpr .profile-data{left: 0;}
                .close-lft-overlap-mnu .two-mnu.rgt.third-mnu .profile-wrpr .chat-data{right: 0;}
                .close-lft-overlap-mnu .two-mnu.rgt.third-mnu .profile-wrpr .mail-data{right: 300px;}

                .cross.close-contact .two-mnu.rgt.third-mnu .profile-wrpr .chat-data{right: -180px;}
                .cross.close-contact .two-mnu.rgt.third-mnu .profile-wrpr .mail-data{right: 120px;}

                .close-lft-overlap-mnu.close-contact .two-mnu.rgt.third-mnu .profile-wrpr .chat-data{right: -300px;}
                .close-lft-overlap-mnu.close-contact .two-mnu.rgt.third-mnu .profile-wrpr .mail-data{right: 0px;}

                .cross.close-profile .two-mnu.rgt.third-mnu .profile-wrpr .profile-data{left: -300px;}
                .cross.close-profile .two-mnu.rgt.third-mnu .profile-wrpr .mail-data{left: 0;}

                .close-lft-overlap-mnu.close-profile .two-mnu.rgt.third-mnu .profile-wrpr .profile-data{left: -300px;}
                .close-lft-overlap-mnu.close-profile .two-mnu.rgt.third-mnu .profile-wrpr .mail-data{left: 0;}
                /*...*/
                .cross .two-mnu.rgt.nonoly-lyt .profile-wrpr .profile-data{left:0px;}
                .cross .two-mnu.rgt.nonoly-lyt .profile-wrpr .chat-data{right: 300px;}
                .cross .two-mnu.rgt.nonoly-lyt .profile-wrpr .mail-data{right: 600px;}
                .cross .two-mnu.rgt.nonoly-lyt .profile-wrpr .mail-data{left: 300;}


                .close-lft-overlap-mnu .two-mnu.rgt.nonoly-lyt .profile-wrpr .profile-data{left: 0;}
                .close-lft-overlap-mnu .two-mnu.rgt.nonoly-lyt .profile-wrpr .chat-data{right: 0;}
                .close-lft-overlap-mnu .two-mnu.rgt.nonoly-lyt .profile-wrpr .mail-data{right: 300px;}

                .cross.close-contact .two-mnu.rgt.nonoly-lyt .profile-wrpr .chat-data{right: 0px;}
                .cross.close-contact .two-mnu.rgt.nonoly-lyt .profile-wrpr .mail-data{right: 300px;}

                .close-lft-overlap-mnu.close-contact .two-mnu.rgt.nonoly-lyt .profile-wrpr .chat-data{right: -300px;}
                .close-lft-overlap-mnu.close-contact .two-mnu.rgt.nonoly-lyt .profile-wrpr .mail-data{right: 0px;}

                .cross.close-profile .two-mnu.rgt.nonoly-lyt .profile-wrpr .profile-data{left: -300px;}
                .cross.close-profile .two-mnu.rgt.nonoly-lyt .profile-wrpr .mail-data{left: 0;}

                .close-lft-overlap-mnu.close-profile .two-mnu.rgt.nonoly-lyt .profile-wrpr .profile-data{left: -300px;}
                .close-lft-overlap-mnu.close-profile .two-mnu.rgt.nonoly-lyt .profile-wrpr .mail-data{left: 0;}
                /*...*/
                .close-contact .two-mnu.rgt-mnu .profile-wrpr .chat-data{right: -300px;}
                .close-contact .two-mnu.rgt-mnu .profile-wrpr .mail-data{right: 0px;}

                .close-profile .two-mnu.rgt-mnu .profile-wrpr .profile-data{left: -300px;}
                .close-profile .two-mnu.rgt-mnu .profile-wrpr .mail-data{left: 0;}

                .cross.close-contact .two-mnu.rgt-mnu .profile-wrpr .chat-data{right: -300px;}
                .cross.close-contact .two-mnu.rgt-mnu .profile-wrpr .mail-data{right: 0px;}

                .cross.close-profile .two-mnu.rgt-mnu .profile-wrpr .profile-data{left: -300px;}
                .cross.close-profile .two-mnu.rgt-mnu .profile-wrpr .mail-data{left: 0;}

                .close-lft-overlap-mnu.close-contact .two-mnu.rgt-mnu .profile-wrpr .chat-data{right: -300px;}
                .close-lft-overlap-mnu.close-contact .two-mnu.rgt-mnu .profile-wrpr .mail-data{right: 0px;}

                .close-lft-overlap-mnu.close-profile .two-mnu.rgt-mnu .profile-wrpr .profile-data{left: -300px;}
                .close-lft-overlap-mnu.close-profile .two-mnu.rgt-mnu .profile-wrpr .mail-data{left: 0;}

                .cross .two-mnu.rgt-mnu .profile-wrpr .chat-data{right: 0px;}
                .cross .two-mnu.rgt-mnu .profile-wrpr .mail-data{right: 300px;}

                .cross .two-mnu.rgt-mnu .profile-wrpr .profile-data{left: 0px;}
                .cross .two-mnu.rgt-mnu .profile-wrpr .mail-data{left: 300px;}
                /*...*/

                .cross.close-contact .rgt.icon-mnu .profile-wrpr .chat-data{right: -258px;}
                .cross.close-contact .rgt.icon-mnu .profile-wrpr .mail-data{right:42px }

                .cross .rgt.icon-mnu .profile-wrpr .chat-data{right: 42px;}
                .cross .rgt.icon-mnu .profile-wrpr .mail-data{right:342px }

                .cross .rgt.icon-mnu .profile-wrpr .profile-data{left: 0px;}
                .cross .rgt.icon-mnu .profile-wrpr .mail-data{left:300px }

                .close-lft-overlap-mnu.close-contact .rgt.icon-mnu .profile-wrpr .chat-data{right: -300px;}
                .close-lft-overlap-mnu.close-contact .rgt.icon-mnu .profile-wrpr .mail-data{right: 0;}

                .cross.close-profile .rgt.icon-mnu .profile-wrpr .profile-data{left: -300px;}
                .cross.close-profile .rgt.icon-mnu .profile-wrpr .mail-data{left: 0;}

                .close-lft-overlap-mnu.close-profile .rgt.icon-mnu .profile-wrpr .profile-data{left:-300px; }
                .close-lft-overlap-mnu.close-profile .rgt.icon-mnu .profile-wrpr .mail-data{left: 0px;}

                /*...*/
                .cross.close-contact .rgt.third-mnu .profile-wrpr .chat-data{right: -180px;}
                .cross.close-contact .rgt.third-mnu .profile-wrpr .mail-data{right:120px }

                .cross .rgt.third-mnu .profile-wrpr .chat-data{right: 120px;}
                .cross .rgt.third-mnu .profile-wrpr .mail-data{right:420px }

                .cross .rgt.third-mnu .profile-wrpr .profile-data{left: 0px;}
                .cross .rgt.third-mnu .profile-wrpr .mail-data{left:300px }

                .close-lft-overlap-mnu.close-contact .rgt.third-mnu .profile-wrpr .chat-data{right: -300px;}
                .close-lft-overlap-mnu.close-contact .rgt.third-mnu .profile-wrpr .mail-data{right: 0;}

                .cross.close-profile .rgt.third-mnu .profile-wrpr .profile-data{left: -300px;}
                .cross.close-profile .rgt.third-mnu .profile-wrpr .mail-data{left: 0;}

                .close-lft-overlap-mnu.close-profile .rgt.third-mnu .profile-wrpr .profile-data{left:-300px; }
                .close-lft-overlap-mnu.close-profile .rgt.third-mnu .profile-wrpr .mail-data{left: 0px;}
                /*...*/

                /*...*/
                .cross.close-contact .rgt.nonoly-lyt .profile-wrpr .chat-data{right: 0px;}
                .cross.close-contact .rgt.nonoly-lyt .profile-wrpr .mail-data{right:300px }

                .cross .rgt.nonoly-lyt .profile-wrpr .chat-data{right: 300px;}
                .cross .rgt.nonoly-lyt .profile-wrpr .mail-data{right:600px }

                .cross .rgt.nonoly-lyt .profile-wrpr .profile-data{left: 0px;}
                .cross .rgt.nonoly-lyt .profile-wrpr .mail-data{left:300px }

                .close-lft-overlap-mnu.close-contact .rgt.nonoly-lyt .profile-wrpr .chat-data{right: -300px;}
                .close-lft-overlap-mnu.close-contact .rgt.nonoly-lyt .profile-wrpr .mail-data{right: 0;}

                .cross.close-profile .rgt.nonoly-lyt .profile-wrpr .profile-data{left: -300px;}
                .cross.close-profile .rgt.nonoly-lyt .profile-wrpr .mail-data{left: 0;}

                .close-lft-overlap-mnu.close-profile .rgt.nonoly-lyt .profile-wrpr .profile-data{left:-300px; }
                .close-lft-overlap-mnu.close-profile .rgt.nonoly-lyt .profile-wrpr .mail-data{left: 0px;}

                /*...*/
                .close-contact .rgt-mnu .profile-wrpr .chat-data{right: -300px;}
                .close-contact .rgt-mnu .profile-wrpr .mail-data{right:0px }

                .close-profile .rgt-mnu .profile-wrpr .profile-data{left: -300px;}
                .close-profile .rgt-mnu .profile-wrpr .mail-data{left: 0;}

                .rgt-mnu .profile-wrpr .chat-data{right: 0px;}
                .rgt-mnu .profile-wrpr .profile-data{left: 0px;}








                .profile-wrpr .profile-data .content .title-sidebar,
                .profile-wrpr .profile-data .content .e-c-deatil{ display: none; }

                .profile-wrpr .profile-data .top-bar{ width:100%; display: block; text-align: center; background-color: rgba(0, 0, 0, 0.05); position: relative;
                                                      overflow: hidden; }

                .profile-wrpr .profile-data .top-bar-wrpr{ position: absolute; top: 0; bottom: 0; background: #fff;}

                .profile-wrpr .profile-data .top-bar .tb-wrpr { z-index: 2; position: relative;}

                .profile-wrpr .profile-data .top-bar .p-img{ width: 106px; height: 106px; margin: 15px auto; position: relative; } 
                .profile-wrpr .profile-data .top-bar .crop-tool li{ margin: 15px; }

                .profile-wrpr .profile-data .content{ overflow: hidden; position: relative; display: block; }


                .profile-wrpr .profile-data .content .over-scroll .icon-info,
                .profile-wrpr .chat-data .content .over-scroll .icon-info
                { display: block; padding-left: 64px; padding-right: 0; width: auto; float: none; }
                .profile-wrpr .profile-data .content .over-scroll .icon,
                .profile-wrpr .chat-data .content .over-scroll .icon
                { width:54px; height: 54px; padding-top: 0px; background-color: RGBA(0, 0, 0, 0.08); }
                .profile-wrpr .profile-data .content .over-scroll .icon i,
                .profile-wrpr .chat-data .content .over-scroll .icon i
                { line-height: 54px; }
                .profile-wrpr .profile-data .content .over-scroll .content-data,
                .profile-wrpr .chat-data .content .over-scroll .content-data
                { border-bottom: 1px solid rgba(0, 0, 0, 0.07); margin-left: 10px; margin-right: 10px;}
                .profile-wrpr .profile-data .content .over-scroll .icon-info .fst,
                .profile-wrpr .chat-data .content .over-scroll .icon-info .fst
                { border-bottom: none; }
                .profile-wrpr .profile-data .content .over-scroll .content-data:last-child,
                .profile-wrpr .chat-data .content .over-scroll .content-data:last-child
                { margin-bottom: 10px; }


                .profile-wrpr .profile-data .default-tab .nav.nav-tabs li a i{  line-height: 42px; }
                .profile-wrpr .profile-data .edit-profile{ padding: 5px; text-align: center;  background-color: #fff; box-shadow:inset 0 0px 0 5px rgba(0, 0, 0, 0.09); }
                .profile-wrpr .profile-data .edit-profile .btn { width:100%;  }


                .profile-wrpr .mail-data .mail-header{ position: relative; background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.15); z-index: 3; }


                .profile-wrpr .chat-data .bottom_bar .search-panel{bottom: 1px;}
                .profile-wrpr .chat-data .bottom_bar .a-call{z-index: 2;}
                .profile-wrpr .chat-data .bottom_bar.start_chat .content-conv .conv-text-inpt{z-index: 2; background: rgb(240, 240, 240);}

                .profile-wrpr .chat-data .bottom_bar{ position: absolute; bottom: 0; top: 0 !important; overflow: hidden;}
                .profile-wrpr .chat-data .bottom_bar .tab-pane{ position: absolute; left:0px; right: 0px; top:42px; bottom: 0px; overflow-y: auto; } 
                .profile-wrpr .chat-data .bottom_bar .p-contact-wrpr{  bottom: 42px; left: 0; overflow-y: auto; position: absolute; right: 0; top: 0;}

                .profile-wrpr .mail-data .mail-header .nav.nav-tabs li a{ text-transform: capitalize; font-weight: 600; display: block;}
                .profile-wrpr .mail-data .mail-header .nav.nav-tabs li a .icon{ font-size:14px;  margin-right: 10px;}
                .profile-wrpr .mail-data .mail-content{ padding: 5px; }

                .profile-wrpr .mail-data .mail-content{ overflow-y: auto; position: absolute; bottom: 0px; top: 42px; overflow-x: hidden; width: 100%; }


                .profile-wrpr .mail-data .mail-wrpr .mail-msg-wrpr .mm-hdr{ display: none; }
                .profile-wrpr .mail-data .mail-wrpr .mail-msg-wrpr .mm-hdr.panel{margin-bottom: 0px;}

                .profile-wrpr .mail-data .mail-wrpr .mail-msg-wrpr.panel{ background: transparent !important; border: none; margin-bottom:0px;}

                .profile-wrpr .mail-data .mail-wrpr .mail-msg-wrpr.panel:last-child{padding-bottom: 84px;}


                .profile-wrpr .mail-data .mail-header.default-tab .sliding-bar.nav-tabs li.active{border-bottom: none;}
                .profile-wrpr .mail-data .mail-header .nav.nav-tabs,
                .profile-wrpr .mail-data .mail-header .nav.nav-tabs li
                {background: none; border-bottom: none !important;}
                .profile-wrpr .mail-data .mail-header .nav.nav-tabs li{ border-width: 0px 0 0 0px;}
                .profile-wrpr .mail-data .mail-header .nav.nav-tabs li.active a,
                .profile-wrpr .mail-data .mail-header .nav.nav-tabs li.active-nav > a, 
                .profile-wrpr .mail-data .mail-header .nav.nav-tabs li.active-nav > a:hover,
                .profile-wrpr .mail-data .mail-header .nav.nav-tabs li.active-nav > a:focus{ background: none;box-shadow: none !important; color: #649ae1;}
                .profile-wrpr .mail-data .mail-header .nav.nav-tabs li .badge{margin-left: 10px;}
                .profile-wrpr .mail-data .mail-header .nav.nav-tabs li.active .badge{ background: #4a89dc; }
                .profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .mm-body .mm-data.prim-mail .mm-info{border-left: none;}
                .profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .mm-body{ overflow-y: visible;}

                .profile-wrpr .mail-data .mail-header .switch-mob{ position: relative; margin-top: 10px; float: right; margin-left: 5px;}

                .profile-wrpr .mail-data .mail-header .switch-mob:before{position: absolute; content: "\f08d"; left: 0px; z-index: 1; font-family: fontawesome; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #649ae1; transition: 0.5s; font-size: 12px;}

                .profile-wrpr .mail-data .mail-header .switch-mob .icon{ position: absolute; z-index: 1; color: #649ae1; width: 26px; text-align: center; height: 26px; line-height: 22px; }

                .profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .search-wrpr .switch-mob input.cmn-toggle-round + label{ margin-right: 5px; }
                .profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info{ width:100%; padding: 0 10px; }
                .profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text .m-name{ width:100px; margin-top: 0px;    text-transform: capitalize;}
                .profile-wrpr .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text .m-sub{ float: left; margin-right: 10px; max-width:84%; }
                .profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text .m-name,
                .profile-wrpr .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text .m-sub,
                .profile-wrpr .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .m-messsage
                { float: left;  padding-right: 10px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-right: 0px;  line-height: 42px; color: rgba(0,0,0,0.6); }
                .profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .m-messsage{ max-width: 60%; color: rgba(0,0,0,0.6); font-weight: normal;}
                /*.profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text{ padding-top: 10px; }*/
                .profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-img img{
                    border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 50%; max-width: 31px; min-width: 31px; }
                .profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-img{ padding: 6px 0 5px 0px;
                                                                                                                     position: relative; transition: 0.5s;}

                .profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .checkbox-mail{ bottom: 0; left: 0; position: absolute; right: 0; top: 0;width: auto; opacity: 0; transition: 0.5s;}
                .profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .checkbox-mail input[type="checkbox"]{ left: 50%; margin-left: -10px; top: 50%; margin-top: -10px; z-index: 1; width: 20px; height: 20px; }
                .profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .checkbox-mail .checkbox-custom-label{ left: 50%; margin-bottom: 0; margin-left: -10px; position: absolute; top: 50%; margin-top: -10px; width: 20px; height: 20px }

                .profile-wrpr .mail-data .mail-content .panel-mail .panel-heading .mm-img:hover img,
                .profile-wrpr .mail-data .mail-content .panel-mail.checked-mail .panel-heading .mm-img img
                { opacity: 0; }

                .profile-wrpr .mail-data .mail-content .panel-mail .panel-heading .mm-img:hover .checkbox-mail,
                .profile-wrpr .mail-data .mail-content .panel-mail.checked-mail .panel-heading .mm-img .checkbox-mail
                { opacity: 1; }

                .profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .checkbox-mail .checkbox-custom + .checkbox-custom-label::before{padding: 0px; }
                .profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .checkbox-mail .size-small.checkbox-custom + .checkbox-custom-label:before{ height: 20px; line-height: 20px; width: 20px; }
                .profile-wrpr .mail-data .search-icon{ position: absolute; right: 0; top: 0; bottom: 0px; }

                .profile-wrpr .mail-data .mail-header .search-icon{ position: relative; float: right;}
                .profile-wrpr .mail-data .mail-header .search-icon ul.mail-setting{ display: none; opacity: 1; }

                .profile-wrpr .mail-data .show-setting.mail-header .search-icon ul.mail-setting
                /*.profile-wrpr .mail-data .mail-header.show-folder .search-icon ul.mail-setting li .custom-popover*/
                {display: block;}

                .mail-setting .show-popover.custom-popover{display: none;}
                .show-setting .mail-setting .show-popover.custom-popover,
                .show-setting .search-icon .show-popover.custom-popover
                { display: block; }

                .profile-wrpr .mail-data .panel-mail.show-setting-only .search-icon ul.mail-setting
                { opacity: 1;}

                .mail-header .mail-setting .show-popover.custom-popover{display: block;}


                .profile-wrpr .mail-data .search-icon ul.mail-setting > li > a{ width: 42px; height: 42px; line-height: 42px;text-align: center; color: rgba(0,0,0,0.5); transition: 0.5s; position: relative; }
                .profile-wrpr .mail-data .mail-content .mm-info .search-icon ul.mail-setting li:hover{color: rgba(0,0,0,0.8);}
                .profile-wrpr .mail-data .search-icon ul.mail-setting
                { background: #fff; transition: 0.5s; opacity: 0;  position: relative; }

                .profile-wrpr .mail-data .mail-content .panel-mail:hover .search-icon ul.mail-setting,
                .profile-wrpr .mail-data .mail-content .panel-mail.show-setting .search-icon ul.mail-setting,
                .show-setting .search-icon ul.mail-setting
                {opacity: 1;}

                .profile-wrpr .custom-popover ul li{ display: block; clear: both; float: none; width: 100% !important; text-align: left !important;}

                .profile-wrpr .mail-data .mail-content .mm-info .search-icon ul.mail-setting li .custom-popover ul.nav{ display: block; clear: both; float: none; }

                .profile-wrpr .mail-data .mail-content .mm-info .search-icon ul.mail-setting li .custom-popover .cp-body{padding: 0;}
                .profile-wrpr .mail-data .mail-content .mm-info .search-icon ul.mail-setting li .custom-popover ul.nav li > ul{ position: relative; border-radius:0px; width: 100%; box-shadow: none; border:none;	}

                .profile-wrpr .mail-data .mail-content .mm-info .search-icon ul.mail-setting li .custom-popover ul li .caret,
                .profile-wrpr .mail-data .mail-header .custom-popover.dtl-search .cp-body .nav.navbar-nav li .caret
                { position: absolute; right: 0; width: 42px; height: 42px; line-height: 42px; font-family: fontawesome; font-size: 12px; border:none; text-align: center;}
                .profile-wrpr .mail-data .mail-content .mm-info .search-icon ul.mail-setting li .custom-popover ul li.open .caret,
                .profile-wrpr .mail-data .mail-header .custom-popover.dtl-search .cp-body .nav.navbar-nav li.open .caret
                { color: #649ae1;}
                .profile-wrpr .mail-data .mail-content .mm-info .search-icon ul.mail-setting li .custom-popover ul li .caret:before,
                .profile-wrpr .mail-data .mail-header .custom-popover.dtl-search .cp-body .nav.navbar-nav li .caret:before
                { content: "\f0d7"; }

                .profile-wrpr .mail-data  .search-icon ul.mail-setting li{ float: left; height: auto; width: 42px; text-align: center; }
                .profile-wrpr .mail-data  .search-icon ul.mail-setting li i{font-size: 14px; line-height: 42px;}
                .profile-wrpr .mail-data .mail-content .mail-message{ font-size: 13px; padding: 0 15px; line-height: 42px; color: rgba(0,0,0,0.8);}
                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply{ background:rgba(0,0,0,0.05); border-top: 1px solid rgba(0,0,0,0.09); padding: 0 10px; position: relative; padding: 0px;  }
                .profile-wrpr .mail-data .mail-content .panel-mail.attachment-mail .mail-reply{ border-bottom: 1px solid rgba(0,0,0,0.09);}
                .profile-wrpr .mail-data .mail-content .panel-mail.open-editor .mail-reply{background:#fff;}
                .profile-wrpr .mail-data .mail-content .attachment-mail .mail-reply{margin-bottom: 5px;}
                .profile-wrpr .mail-data .mail-content .mail-reply .reply-btn > a{ line-height: 42px; color: #649ae1; text-transform: capitalize;}
                .profile-wrpr .mail-data .mail-content .summernote-style .note-editor.note-frame{border:none;}
                .profile-wrpr .mail-data .mail-content .note-editor.note-frame .note-statusbar .note-resizebar{display: none;}
                .profile-wrpr .mail-data .mail-content .panel.panel-mail > .panel-heading{padding: 0px;}
                .profile-wrpr .mail-data .mail-content .panel.panel-mail{margin: 0px;  border: 0px; border-bottom: 1px solid rgba(0,0,0,.09);}
                .profile-wrpr .mail-data .mail-content .panel.panel-mail.attachment-mail{padding-bottom: 5px;}
                .profile-wrpr .mail-data .mail-content .panel.panel-mail .panel-collapse{border-top: 1px solid rgba(0,0,0,.09);}




                .profile-wrpr .mail-data .mail-content .panel.panel-mail > .panel-heading
                {background: #fff;}

                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply .self-user{ width: auto; float: left; padding:6px 10px 5px 10px; text-align: center; }
                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply .self-user img{ max-width: 31px; height: 31px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.15);}
                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply .click2edit{width: 100%; padding-left: 51px;}
                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply .click2edit .status-name{ float: left; padding: 0 10px 0 0; color: #EC6F5A;}
                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply .click2edit .reply-box{display: none;}

                .profile-wrpr .mail-data .mail-content .panel-mail.open-editor .mail-reply .click2edit .reply-box{display: block;} 
                .profile-wrpr .mail-data .mail-content .panel-mail.open-editor .mail-reply .click2edit .reply-btn{display: none;}
                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply .click2edit .reply-btn{cursor: pointer; margin-right: 42px;}

                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply .click2edit .status-reply{line-height: 42px; }
                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply.summernote-style .panel-heading.note-toolbar,
                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply.summernote-style .note-editor.note-frame.panel.panel-default,
                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply.summernote-style .note-editor.note-frame .note-editing-area .note-editable
                {background: rgba(0,0,0,0) !important;}

                .compose-content .summernote-style .note-editor.note-frame .note-editing-area .note-editable{ padding:0px; }

                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply.summernote-style .panel-heading.note-toolbar{ position: absolute; left: 60px; bottom: 0px; z-index: 1; }

                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply .click2edit .forward-mail .icon,
                .profile-wrpr .mail-data .mail-content .panel-mail.open-editor .mail-reply .click2edit .reply-box .reply-mail .icon,
                .profile-wrpr .mail-data .mail-content .panel-mail.open-editor .mail-reply .click2edit .reply-box .delete-mail .icon,
                .set-compose .compose-content .summernote-style.click2edit .reply-box .delete-mail .icon
                {line-height: 42px;}

                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply .click2edit .forward-mail,
                .profile-wrpr .mail-data .mail-content .panel-mail.open-editor .mail-reply .click2edit .reply-box .reply-mail,
                .profile-wrpr .mail-data .mail-content .panel-mail.open-editor .mail-reply .click2edit .reply-box .delete-mail,
                .set-compose .compose-content .click2edit.summernote-style.click2edit .reply-box .delete-mail
                { position: absolute; width: 42px; height: 42px; right: 0; z-index: 1;  cursor: pointer; text-align: center; z-index: 2; }

                .profile-wrpr .mail-data .mail-content .panel-mail.open-editor .mail-reply .click2edit .reply-box .delete-mail,
                .set-compose .compose-content .click2edit.summernote-style.click2edit .reply-box .delete-mail
                { bottom: 0; }

                .profile-wrpr .mail-data .mail-content .panel-mail.open-editor .mail-reply .click2edit .reply-box .delete-mail:hover, 
                .profile-wrpr .mail-data .mail-content .panel-mail.open-editor .mail-reply .click2edit .reply-box .delete-mail:focus
                .set-compose .compose-content .click2edit.summernote-style.click2edit .reply-box .delete-mail:hover,
                .set-compose .compose-content .click2edit.summernote-style.click2edit .reply-box .delete-mail:focus,
                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply .click2edit .forward-mail:hover, 
                .profile-wrpr .mail-data .mail-content .panel-mail.open-editor .mail-reply .click2edit .reply-box .reply-mail:hover,
                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply .click2edit .forward-mail:focus, 
                .profile-wrpr .mail-data .mail-content .panel-mail.open-editor .mail-reply .click2edit .reply-box .reply-mail:focus,
                .compose-content .set-modal .modal-body .click2edit .reply-box .delete-mail:hover, 
                .compose-content .set-modal .modal-body .click2edit .reply-box .delete-mail:focus
                .set-compose .compose-content .click2edit.summernote-style.click2edit .reply-box .delete-mail:hover,
                .set-compose .compose-content .click2edit.summernote-style.click2edit .reply-box .delete-mail:focus,
                .compose-content .set-modal .modal-body .click2edit .forward-mail:hover, 
                .compose-content .set-modal .modal-body .click2edit .reply-box .reply-mail:hover,
                .compose-content .set-modal .modal-body .click2edit .forward-mail:focus, 
                .compose-content .set-modal .modal-body .click2edit .reply-box .reply-mail:focus,
                .set-compose .compose-content .click2edit.summernote-style .reply-box .attachment-mail:hover,
                .set-compose .compose-content .click2edit.summernote-style .reply-box .attachment-mail:focus
                { color: rgba(0,0,0,0.8);}
                .set-compose .compose-content .click2edit.summernote-style .reply-box .send-mail:hover .inner-arrow:after,
                .set-compose .compose-content .click2edit.summernote-style .reply-box .send-mail:focus .inner-arrow:after{
                    border-left-color: rgba(0,0,0,0.8);
                }

                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply .click2edit .forward-mail,
                .profile-wrpr .mail-data .mail-content .panel-mail.open-editor .mail-reply .click2edit .reply-box .reply-mail
                { top: 0px; }

                .profile-wrpr .mail-data .mail-content .panel-mail.open-editor .mail-reply .click2edit .reply-box .send-mail,
                .set-compose .compose-content .click2edit.summernote-style .reply-box .send-mail
                { height: 42px; position: absolute; bottom: 0px; z-index: 1;}
                .profile-wrpr .mail-data .mail-content .panel-mail.open-editor .mail-reply .click2edit .reply-box .send-mail{padding: 7px 0;}
                .profile-wrpr .mail-data .mail-content .panel-mail.open-editor .mail-reply .click2edit .reply-box .send-mail .btn
                {  text-transform: uppercase; border-radius: 4px; border: none;  }

                .profile-wrpr .mail-data .mail-content .panel-mail.open-editor .mail-reply .click2edit .reply-box .note-editor.note-frame,
                .compose-content .set-modal .summernote-style.click2edit .reply-box .note-editor.note-frame
                { padding-bottom: 42px;}


                .profile-wrpr .mail-data .mail-content .panel-mail.open-editor .mail-reply .click2edit .note-editor.note-frame .note-placeholder,
                .compose-content .set-modal .summernote-style.click2edit .note-editor.note-frame .note-placeholder
                {padding: 0px; line-height: 22px;}

                .profile-wrpr .mail-data .mail-header .nav.nav-tabs .cp-wrpr{ position: absolute; top: 0px; z-index: 2; width: 100%; }
                .profile-wrpr .mail-data .mail-header .nav.nav-tabs .cp-wrpr .example-pop{ width: 100%; opacity: 0; }

                .profile-wrpr .mail-data .mail-header .custom-popover.dtl-search .cp-body ul li a{color: rgba(0,0,0,0.6) !important; font-weight: normal;}
                .profile-wrpr .mail-data .mail-header .custom-popover.dtl-search .cp-body ul li.active a{box-shadow: inset 0 0 0 42px rgba(0,0,0,0.09) !important;}
                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply.summernote-style .click2edit .btn.btn-default{background: #fff !important;
                                                                                                                             border: none;    box-shadow: none; }
                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply.summernote-style .caret:before,
                .set-compose .compose-content .summernote-style .caret:before
                {line-height: 42px;}
                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply.summernote-style .click2edit .btn.btn-default:hover { background: none; box-shadow: none;  }
                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply.summernote-style .click2edit .btn.btn-default:hover i,
                .compose-content .set-modal .summernote-style.click2edit .btn.btn-default:hover i
                {color: rgba(0,0,0,1); }
                .profile-wrpr .mail-data .mail-header .nav.nav-tabs{ float: left; }



                .profile-wrpr .mail-data .mail-content .panel-mail.delete-mail{display: none;}
                .profile-wrpr .mail-data .mail-content .panel-mail.pin-mail .search-icon .code-pin a,
                .profile-wrpr .mail-data .mail-content .panel-mail.pin-mail .mm-data:before,
                .profile-wrpr .mail-data .mail-content .panel-mail.attachment-mail .mail-heading:before
                { color: #649ae1; }

                .profile-wrpr .mail-data .mail-content .panel-mail.pin-mail .mm-data:before,
                .profile-wrpr .mail-data .mail-content .panel-mail.attachment-mail .mail-heading:before
                { width: 42px;  text-align: center;  font-family: FontAwesome; position: absolute; right: 0; line-height: 42px; background: #fff; }

                .profile-wrpr .mail-data .mail-content .panel-mail.pin-mail .mm-data:before{content: "\f08d";}

                .profile-wrpr .mail-data .mail-content .panel-mail.pin-mail.attachment-mail .panel-heading:before{right: 35px;}
                .profile-wrpr .mail-data .mail-content .panel-mail .search-icon ul.mail-setting li.code-attachment .badge{ display: none;font-size: 0px; width: 7px; height: 7px; background: #649ae1; min-width: 7px; position: absolute; top: 50%; margin-top: -7.5px; left: 50%; margin-left: -1.5px; }
                .profile-wrpr .mail-data .mail-content .panel-mail.attachment-mail .mm-info .search-icon ul.mail-setting li.code-attachment .badge{ display: block;}

                .profile-wrpr .mail-data .mail-content .panel-mail .mm-info .search-icon .mail-setting .header-dropdown li .icon{ margin-right: 12px; }
                .profile-wrpr .mail-data .mail-content .panel-mail .mm-info .search-icon .mail-setting .header-dropdown li.dropdown-footer{padding: 0 20px;line-height: 42px; box-shadow: inset 0 0 0 42px rgba(0, 0, 0, 0.09);}

                .profile-wrpr .mail-data.show-pin .mail-header .switch-mob:before{left: 21px;transition:0.5s;}

                .profile-wrpr .mail-data.show-pin .mail-content #accordion .panel.panel-mail{display: none;}
                .profile-wrpr .mail-data.show-pin .mail-content #accordion .panel.panel-mail.pin-mail{display: block;}

                .profile-wrpr .mail-data .mail-header .custom-popover.dtl-search .cp-body .nav.navbar-nav{ width: 100%;display: block;  }

                .profile-wrpr .mail-data .mail-header .custom-popover.dtl-search .cp-body{padding: 0px;}
                .profile-wrpr .mail-data .mail-header .custom-popover.dtl-search,
                .profile-wrpr .mail-data .mail-content .mm-info .search-icon .custom-popover.dtl-search
                { width: 220px; border-top: 3px solid #9a9a9a;z-index: 3;}

                .profile-wrpr .mail-data .mail-header .custom-popover.dtl-search  .cp-title,
                .profile-wrpr .mail-data .custom-popover.dtl-search  .cp-title
                { background: #fff; height: 42px; text-align: left;}
                .profile-wrpr .mail-data .mail-header .custom-popover.dtl-search  .cp-title .search-nav,
                .profile-wrpr .mail-data .mm-data .custom-popover.dtl-search  .cp-title .search-nav
                { position: absolute; right: 0px; top: 0;}	

                .profile-wrpr .mail-data .mail-header .custom-popover.dtl-search .cp-body .nav.navbar-nav li a{position: relative;}

                .profile-wrpr .mail-data .mail-header .custom-popover.dtl-search .cp-body .nav.navbar-nav li .dropdown-menu{ position: relative;  width: 100%;  box-shadow: none; border-radius: 0px; padding: 0; }
                .profile-wrpr .mail-data .mail-header .folder-setting .custom-popover.dtl-search .cp-body { overflow-y: auto; max-height: 160px; }

                .profile-wrpr .mail-data .mail-header .custom-popover.dtl-search .cp-body .dropdown-menu{border:none;}
                .profile-wrpr .mail-data .mail-header .custom-popover.dtl-search .cp-body ul li a:hover,
                .profile-wrpr .mail-data .mail-header .custom-popover.dtl-search .cp-body ul li.active-nav.open > a
                { box-shadow: inset 0 0 0 42px rgba(0,0,0,0.09) !important;}
                .profile-wrpr .mail-data .mail-header .custom-popover.dtl-search .cp-body ul li.active-nav.open > a{color: rgba(0,0,0,0.6);}
                .profile-wrpr .mail-data .mail-header .custom-popover.dtl-search .cp-body ul li.active-nav.open > a .caret{color: #649ae1;}


                .profile-wrpr .mail-data .mail-header .custom-popover.dtl-search .cp-body ul li.active > a,
                .profile-wrpr .mail-data .mail-header .custom-popover.dtl-search .cp-body ul li.active.active-nav > a
                { box-shadow: inset 0 0 0 42px rgba(0,0,0,0.09) !important; }

                .profile-wrpr .mail-data .nav-tabs .dropdown-menu.header-dropdown{ width: auto; }

                .profile-wrpr .mail-data .nav-tabs .dropdown-menu.header-dropdown li a,
                .profile-wrpr .mail-data .nav-tabs .dropdown-menu.header-dropdown li a,
                .profile-wrpr .mail-data .mail-header.default-tab .nav-tabs li.active > ul li > a
                {color: rgba(0,0,0,0.6) !important; box-shadow: inset 0 0 0 42px rgba(0,0,0,0);}

                .profile-wrpr .mail-data .mail-header.default-tab .nav-tabs li.active:hover > ul li > a,
                .profile-wrpr .mail-data .mail-header.default-tab .nav-tabs li.active:focus > ul li > a
                {color: rgba(0,0,0,0.6) !important; box-shadow: inset 0 0 0 42px rgba(0,0,0,0);}

                .profile-wrpr .mail-data .mail-header.default-tab .nav-tabs li.active > ul li > a:hover,
                .profile-wrpr .mail-data .mail-header.default-tab .nav-tabs li.active > ul li > a:focus,
                .profile-wrpr .mail-data .mail-header.default-tab .nav-tabs li.active > ul li.active-nav > a:hover,
                .profile-wrpr .mail-data .mail-header.default-tab .nav-tabs li.active > ul li.active-nav > a:focus
                {color: rgba(0,0,0,0.6) !important; box-shadow: inset 0 0 0 42px rgba(0,0,0,0.09) !important;}

                .profile-wrpr .mail-data .mail-header.default-tab .nav-tabs li.active ul li a{ font-weight: normal;}

                .profile-wrpr .mail-header .custom-popover.dtl-search .boot-style .form-group,
                .profile-wrpr .mail-data .custom-popover.dtl-search .boot-style .form-group
                { margin-bottom: 0px !important; }

                .profile-wrpr .custom-popover.dtl-search .boot-style .input-group-btn{ width: 31px; }

                .profile-wrpr .mail-header .custom-popover.bottom .arrow:after{ top: -10px; border-bottom-color: #9a9a9a; }

                .profile-wrpr .mail-header .custom-popover.bottom .search-wrpr{ padding:5px; border-bottom: none; box-shadow: none;}

                .profile-wrpr .mail-header .custom-popover.bottom .search-wrpr .search-data,
                .profile-wrpr .mail-header .custom-popover.bottom .search-wrpr .search-data input{width: 100%;}

                .form-inline .input-group .input-group-addon .btn,
                .form-inline .input-group .input-group-btn .btn,
                .form-inline .input-group .form-control .btn{ width: 100%; }

                .profile-wrpr .profile-data .toggle-button,
                .profile-wrpr .chat-data .toggle-button
                { position: absolute; left: 298px; bottom: 42px; z-index: -1; width: 42px; height: 42px; background: #fff; margin-top: -21px; text-align: center; border-radius: 0 21px 21px 0; box-shadow: 0 0 3px 0px rgba(0,0,0,0.3); cursor: pointer; }

                .profile-wrpr .profile-data .toggle-button span,
                .profile-wrpr .chat-data .toggle-button span
                { line-height: 42px; font-size: 24px; width: 34px; height: 42px; display: block; text-align: center; }

                .profile-wrpr .chat-data .toggle-button{ left: -42px !important; border-radius: 50% 0 0 50%; }
                .profile-wrpr .chat-data .toggle-button span{ width:50px; font-size: 30px; }
                .profile-wrpr .chat-data  .bottom_bar .default-tab .nav-tabs > li:first-child{ border-left: none; }
                .profile-wrpr .mail-data .mail-content .search-wrpr{ display: none; }

                .profile-wrpr .profile-data .default-tab .tab-content .over-scroll{ overflow-y: auto; }

                .profile-wrpr .profile-data .default-tab .nav-tabs  li{ border-right: none; }
                .profile-wrpr .profile-data .default-tab .tab-content{ border:none; position: relative; }

                .profile-wrpr .mail-data  .mail-wrpr .mail-msg-wrpr .mm-body .mm-data{ border: none; }

                .profile-wrpr .mail-data .mail-content .panel-mail .mail-reply.summernote-style .note-editor.note-frame .note-editing-area .note-editable{ padding: 0; }
                .set-compose .compose-content .click2edit.summernote-style .reply-box .send-mail{ width: 42px; height: 42px; overflow: hidden; text-align: center; padding-top: 0; }

                .set-compose .compose-content .click2edit.summernote-style .reply-box .btn
                { padding: 0; width: 42px; border-radius: 0px !important; box-shadow: none; background-color: transparent; height: 42px; border: 0px;}
                .set-compose .compose-content .click2edit.summernote-style .reply-box .send-mail .btn .inner-arrow{ width: 30px; height: 42px; display: block; margin: 0 auto; }
                .profile-wrpr .mail-data .mail-content .mm-info .search-icon .custom-popover.bottom .arrow:after{ border-bottom: 10px solid #9a9a9a; top: -10px; }
                .set-compose .compose-content .click2edit.summernote-style .reply-box .btn i,
                .profile-wrpr .mail-data .summernote-style .click2edit   .reply-box .btn i
                { line-height: 42px; }
                .set-compose .compose-content .click2edit.summernote-style .reply-box .note-current-color-button + .btn.dropdown-toggle,
                .profile-wrpr .mail-data .summernote-style .click2edit .reply-box .note-current-color-button + .btn.dropdown-toggle
                { width: auto; }

                /*set mail always inline*/
                .profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text{ width: 95%; }

                .cross .nonoly-lyt .profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text .m-name,
                .cross .two-mnu .profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text .m-name
                { width: 35px; }
                .cross .nonoly-lyt .profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text,
                .cross .two-lyt .profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text
                { width: 89%;}
                .cross .nonoly-lyt .profile-wrpr .mail-data .mail-header .nav.nav-tabs li a .icon,
                .cross .two-lyt .profile-wrpr .mail-data .mail-content .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text
                { display: none; }






                /*google profile css*/
                .profile-wrpr .profile-data.profile-design-1  .display-profile{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;}
                .profile-wrpr .profile-data.profile-design-1  .display-profile .display-profile1{ width: 50%; position: absolute; top: -50%; left: -25%; background: #4a89dc; bottom: 50%; transform: rotate(45deg);}
                .profile-wrpr .profile-data.profile-design-1  .display-profile .display-profile3{ width: 50%; position: absolute; bottom: -50%; right: -25%; background: #4a89dc; top: 50%; transform: rotate(45deg); }
                .profile-wrpr .profile-data.profile-design-1 .top-bar{background: rgb(70, 109, 220);}
                .profile-wrpr .profile-data.profile-design-1 .top-bar .tb-wrpr{ color: rgba(255, 255, 255, 0.8);}
                .profile-wrpr .profile-data.profile-design-1 .top-bar .p-img img{border-color:rgba(255, 255, 255, 0.15);}
                .profile-wrpr .profile-data.profile-design-1 .top-bar .p-img:before{ border-color:rgba(255, 255, 255, 0.67);}
                .profile-design-1 .crop-tool li a{color: rgba(255, 255, 255, 0.8);}
                .profile-design-1 .crop-tool li a:hover,
                .profile-design-1 .crop-tool li a:focus
                { color:rgba(255, 255, 255, 1); }

                .profile-wrpr .profile-data.profile-design-1 .top-bar .display-profile:before { content: ""; background: rgba(0, 0, 0, 0.18); position: absolute; top: 0; bottom: 0; left: 0; right: 0px; }


                /* === style-2 For Edit form === */
                .edit-detail.with-icon .boot-style .form-group:before{  display: inline-block; font: normal normal normal 14px/1 FontAwesome; position: absolute;  	   background: rgba(0, 0, 0, 0.09); left: 0px; width: 42px; height: 42px; line-height: 42px; text-align: center; 
                                                                        border: 1px solid rgba(0,0,0,0.15); }
                .edit-detail.with-icon .boot-style .form-group{font-family: 'open_sansregular' !important}
                .edit-detail.with-icon .boot-style .form-group.icon-email:before{content: "\f0e0";}
                .edit-detail.with-icon .boot-style .form-group.icon-mobile:before{content: "\f095";}
                .edit-detail.with-icon .boot-style .form-group.icon-country:before{content: "\f0ac"}
                .edit-detail.with-icon .boot-style .form-group.icon-department:before{content: "\f0b1";}
                .edit-detail.with-icon .boot-style .form-group.icon-team:before{content:"\f1fc"; }
                .edit-detail.with-icon .boot-style .form-group.icon-skype:before{content:"\f17e"; }

                .edit-detail.with-icon .boot-style .form-group{ padding-left: 52px; }
                .edit-detail.with-icon .boot-style .form-group select,
                .edit-detail.with-icon .boot-style .form-group input[type="text"], 
                .edit-detail.with-icon .boot-style .form-group input[type="password"]{background: rgba(0, 0, 0, 0.09); height: 42px; line-height: 42px;  }
                .edit-detail.with-icon .boot-style .form-group{position: relative; }

                .edit-detail.with-icon .boot-style.two-input .form-group{ padding-left: 0px; }
                .edit-detail.with-icon .boot-style.two-input .form-group:before{ content: "" !important; font-size: 0px;height: 0; width: 0; border: none;}
                .edit-detail.with-icon .has-feedback .myfeedback{line-height: 42px; height: 42px; width: 42px; }
                select option[value=""][disabled] { display: none;}

                .edit-detail.with-icon .form-inline.boot-style.two-input .width-67 .first-cld{padding-right: 10px;}
                .edit-detail.with-icon .form-inline.boot-style.two-input .width-67 .first-cld{width: 50%;margin-right: 0px !important;}

                .profile-wrpr .profile-data .content .edit-detail{ top: 0; z-index: 1; overflow-y: auto; padding: 15px;}
                .set-operation.edit-detail-opn .tab-content .tab-pane.active .edit-detail{ right: 0px; }

                /* === End style-2 For Edit form === */

                /* === Start Attachments  === */
                .attachment-mail .attachment-list li.file{ display: inline-block; background: rgba(0, 0, 0, 0.03); margin: 0px 5px 0px 10px !important; width: auto !important;}
                .attachment-mail .attachment-list li.file a{ position: relative; display: block; padding: 5px 10px 5px 52px; overflow: hidden; transition: 0.3s;
                                                             font-size: 10px; }
                .attachment-mail .attachment-list li.file a:hover:after{left:0px;}
                .attachment-mail .attachment-list li.file a:hover{color: rgba(0,0,0,0.6) !important;}
                .attachment-mail .attachment-list li.file a .size{ display: block; font-size: 9px; }
                .attachment-mail .attachment-list li.file a:before,
                .attachment-mail .attachment-list li.file a:after
                {  display: inline-block;  font: normal normal normal 18px/1 FontAwesome; width: 38px; height: 38px; line-height: 38px; text-align: center; background: #fff; position: absolute; top: 0; box-shadow: inset 0 0 0 42px rgba(0, 0, 0, 0.07); }

                .attachment-mail .attachment-list li.file a:after{ content:"\f019"; left:-41px; color: rgba(0,0,0,0.6); transition: 0.3s;}
                .attachment-mail .attachment-list li.file .pdf-file:before{ content:"\f1c1"; left: 0px; }
                .attachment-mail .attachment-list li.file .zip-file:before{ content:"\f1c6"; left: 0px; }
                .attachment-mail .attachment-list li.file .excel-file:before{ content: "\f1c3"; left: 0px; }
                .attachment-mail .attachment-list li.file .word-file:before{ content: "\f1c2"; left: 0px; }
                .attachment-mail .attachment-list li.file .jpg-file:before{ content: "\f1c5"; left: 0px; }

                .attachment-mail .attachment-list .flex-pauseplay,
                .attachment-mail .attachment-list .flex-control-nav
                {display:none;}
                .attachment-mail .flexslider{ margin-bottom: 0px; border: none;}

                .attachment-mail .flexslider .flex-direction-nav a { box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28); border-radius: 50%; height: 31px; width: 31px; text-shadow: none; margin: -15px 0 0;}

                .attachment-mail .flex-direction-nav a:before{content: "\f104";font: normal normal normal 20px/1 FontAwesome; text-shadow: none; background: #fff;  text-align: center;  line-height: 31px; width: 100%; height: 100%;}
                .attachment-mail .flex-direction-nav a.flex-next:before{content: "\f105";}
                .attachment-mail .flexslider:hover .flex-direction-nav .flex-next{opacity: 1;}
                .flex-viewport{ padding-left: 141px;}

                /* === End  Attachments  === */

                /* ==== compose-mail concept ==== */
                .set-compose,
                .set-compose .compose-content .set-modal
                {z-index: 1040;}
                .set-compose .modal-backdrop{ display: none; }
                .set-height { min-height: 100%;}
                .set-compose{position: fixed; bottom: 42px; left:352px; right:352px; transition-duration: 0.5s;}
                .close-profile .set-compose{left: 52px;}
                .close-contact .set-compose{right: 52px;}
                .set-compose .compose-content{ position: relative; margin-right: 65px; transition-duration: 0.5s;}
                .compose-mail-btn{ position: absolute; bottom: 15px; right: 0px; transition-duration: 0.5s;}
                .compose-mail-btn a{width:55px;height: 55px;text-align: center; border-radius: 50%; background: #EC6F5A ; color: #fff;  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.18); }
                .compose-mail-btn a .icon{ line-height: 55px; color: rgba(255,255,255,0.8);}
                .modal-open .compose-content{ z-index: 1050; }
                .compose-content .modal.set-bottom{ display: block; opacity: 1; width: 445px; padding: 5px 5px 0px 5px !important; top: auto; bottom: 0px; transition: bottom 0.2s; right: 130px; left: auto; position: absolute; }
                .compose-content .modal.set-bottom > .modal-dialog{ transform: translate(0, -0%); margin: 0;width: auto; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); }
                .compose-content .set-modal{ z-index: 1050; }
                .compose-content .set-modal .modal-body{ padding: 0px !important; }
                .compose-content .to-mail input,
                .compose-content .to-sub input
                { width: 100%; line-height: 35px; border: none; padding-left: 35px; background: none; position: absolute; left: 0; top: 0; width: 100%; }
                .compose-content .to-sub input { padding-left: 0px; }

                .compose-content .to-sub input{position: relative;}

                .compose-content .to-mail{ padding: 0 10px; border-bottom: 1px solid rgba(0,0,0,0.09); height: 35px; overflow: hidden; transition-duration: 0.5s;}
                .compose-content .set-modal.set-summernote .to-mail{ height: 105px; }
                .compose-content .teg-to,
                .compose-content .teg-cc,
                .compose-content .teg-bcc
                { position: relative; }
                .compose-content .teg-to span,
                .compose-content .teg-cc span,
                .compose-content .teg-bcc span{width: 35px; height: 35px; display: block; line-height: 35px; text-transform: capitalize;}
                .compose-content .teg-to:before,
                .compose-content .teg-cc:before,
                .compose-content .teg-bcc:before
                { position: absolute;left: 0px;line-height: 35px;  height: 35px; text-align: center;}
                .compose-content .to-sub{ font-weight: 600; color: rgba(0, 0, 0, 0.8); padding: 0 10px; margin-bottom: 5px; border-bottom: 1px solid rgba(0,0,0,0.09); }
                .compose-content .to-sub input{text-transform: capitalize; font-size: 13px; }
                .compose-content .modal-body .click2edit .reply-btn{display: none;}
                .compose-content .modal-body .click2edit .status-reply,
                .compose-content .reply-mail
                {display: none;}

                .compose-content .modal-body .click2edit{ padding: 0 10px; }

                .compose-content .reply-box{ position: relative; }
                .compose-content .summernote-style .note-toolbar.panel-heading,
                .profile-wrpr .mail-data .summernote-style .note-toolbar.panel-heading
                { background: transparent; border: none;position: absolute; bottom: 0px; z-index: 1; right: 42px;left: 84px; padding: 0; width:auto; }

                .compose-content .summernote-style .note-editor.note-frame{ border:none; position: relative;}
                .compose-content .note-editor.note-frame .note-statusbar .note-resizebar{ display: none; }
                .compose-content .modal-content{ box-shadow: none; border-radius:4px 4px 0px 0px; border-color: rgba(0,0,0,0.09);} 
                .compose-content .modal.set-modal .modal-header{ background: rgba(0, 0, 0, 0.90); color: rgba(255, 255, 255, 0.8) !important; box-shadow: none;}
                .compose-content .toggle-collapse .list-inline.tools{ height: 35px; }
                .compose-content .toggle-collapse .list-inline.tools li a{ color: rgba(255, 255, 255, 0.6);  width: 15px;  height: 15px;  display: inline-block;  position: relative; margin-top: 11px; }
                .compose-content .set-bottom.set-modal.toggle-collapse .list-inline.tools li a.open-fullsrn .first:before { width: 5px; box-shadow: 13px 0px 0 0px rgba(255, 255, 255, 0.6),0px 13px 0 0px rgba(255, 255, 255, 0.6),13px 13px 0px 0px rgba(255, 255, 255, 0.6); height: 2px;top: auto; left: auto; }
                .compose-content .set-bottom.set-modal.toggle-collapse .list-inline.tools li a.open-fullsrn .first:after {  width: 2px; box-shadow: 16px 0px 0 0px rgba(255, 255, 255, 0.6),0px 10px 0 0px rgba(255, 255, 255, 0.6),16px 10px 0px 0px rgba(255, 255, 255, 0.6); height: 5px; top: auto; left: auto;}
                .compose-content .set-bottom.set-modal.toggle-collapse .list-inline.tools li a.open-fullsrn .first:before,
                .compose-content .set-bottom.set-modal.toggle-collapse .list-inline.tools li a.open-fullsrn .first:after,
                .compose-content .set-modal.toggle-collapse .list-inline.tools li a.open-fullsrn .first:before,
                .compose-content .set-modal.toggle-collapse .list-inline.tools li a.open-fullsrn .first:after
                {background: rgba(255, 255, 255, 0.6); content: ""; position: absolute; }
                .compose-content .set-modal.toggle-collapse .list-inline.tools li a.open-fullsrn .first:before { box-shadow: 13px 0px 0 0px rgba(255, 255, 255, 0.6),0px 9px 0 0px rgba(255, 255, 255, 0.6),13px 9px 0px 0px rgba(255, 255, 255, 0.6); content: ""; width: 5px; height: 2px; top: 3px; }	
                .compose-content .set-modal.toggle-collapse .list-inline.tools li a.open-fullsrn .first:after {     box-shadow: 10px 0px 0 0px rgba(255, 255, 255, 0.6),0px 12px 0 0px rgba(255, 255, 255, 0.6),10px 12px 0px 0px rgba(255, 255, 255, 0.6); content: ""; width: 2px; height: 5px; left: 3px; top: 0px; }
                .compose-content .toggle-collapse .list-inline.tools li a.open-penal .first:before{ position: absolute; content: ""; background: rgba(255, 255, 255, 0.6); bottom:0px; width:100%; height: 2px; }
                .compose-content .close-cloapse.toggle-collapse .list-inline.tools li a.open-penal .first:before{top:0px;}
                .compose-content .toggle-collapse .list-inline.tools li a.open-noty .first:before,
                .compose-content .toggle-collapse .list-inline.tools li a.open-noty .first:after{ position: absolute;content: "";width:100%;height: 2px; background: rgba(255, 255, 255, 0.6); }
                .compose-content .toggle-collapse .list-inline.tools li a.open-noty .first{ position: absolute; top: 50%; margin-top: -2px; width: 100%;}
                .compose-content .toggle-collapse .list-inline.tools li a.open-noty .first:before{    transform: rotate(45deg);}
                .compose-content .toggle-collapse .list-inline.tools li a.open-noty .first:after{    transform: rotate(-45deg);}
                .compose-content .modal-header.panel-heading .icon{ line-height: 35px; }
                .compose-content .toggle-collapse .list-inline.tools li{height: 35px;}
                .compose-content .toggle-collapse .list-inline.tools li:hover a.open-penal .first:before{ background: rgba(255, 255, 255, 1);}

                .compose-content .set-bottom.set-modal.toggle-collapse .list-inline.tools li:hover a.open-fullsrn .first:before, 
                .compose-content .set-bottom.set-modal.toggle-collapse .list-inline.tools li:hover a.open-fullsrn .first:after,
                .compose-content .set-modal.toggle-collapse .list-inline.tools li:hover a.open-fullsrn .first:before, 
                .compose-content .set-modal.toggle-collapse .list-inline.tools li:hover a.open-fullsrn .first:after,
                .compose-content .toggle-collapse .list-inline.tools li:hover a.open-noty .first:before, 
                .compose-content .toggle-collapse .list-inline.tools li:hover a.open-noty .first:after
                { background: rgba(255, 255, 255,1); }

                .compose-content .set-bottom.set-modal.toggle-collapse .list-inline.tools li:hover a.open-fullsrn .first:before{
                    box-shadow:  13px 0px 0 0px rgba(255, 255, 255, 1),0px 13px 0 0px rgba(255, 255, 255, 1),13px 13px 0px 0px rgba(255, 255, 255, 1);
                }

                .compose-content .set-bottom.set-modal.toggle-collapse .list-inline.tools li:hover a.open-fullsrn .first:after{
                    box-shadow: 16px 0px 0 0px rgba(255, 255, 255, 1),0px 10px 0 0px rgba(255, 255, 255, 1),16px 10px 0px 0px rgba(255, 255, 255, 1);
                }
                .compose-content .set-modal.toggle-collapse .list-inline.tools li:hover  a.open-fullsrn .first:before{    box-shadow: 13px 0px 0 0px rgba(255, 255, 255, 1),0px 9px 0 0px rgba(255, 255, 255, 1),13px 9px 0px 0px rgba(255, 255, 255,1);}
                .compose-content .set-modal.toggle-collapse .list-inline.tools li:hover  a.open-fullsrn .first:after{    box-shadow: 10px 0px 0 0px rgba(255, 255, 255, 1),0px 12px 0 0px rgba(255, 255, 255,1),10px 12px 0px 0px rgba(255, 255, 255, 1);}

                .compose-content .modal-header .close{ display: none; }
                .compose-content .modal-header .panel-heading.note-toolbar > .btn-group{ border-right: 1px solid rgba(0, 0, 0, 0.08); }
                .compose-content  .summernote-style .note-editor .btn.btn-default{ background: #fff!important; border:none !important; box-shadow: none; }

                .compose-content .set-modal .summernote-style .note-editable {transition-duration: 0.5s;}
                .compose-content .set-modal.set-summernote .summernote-style .note-editable {height: 230px;}
                .compose-content  .summernote-style .panel-heading.note-toolbar>.btn-group{ border-right: 1px solid rgba(0, 0, 0, 0.06); }
                .compose-content  .summernote-style .panel-heading.note-toolbar>.btn-group:last-child{border-right: none;}
                .compose-content  .summernote-style .panel-heading.note-toolbar .note-color .dropdown-toggle{ padding: 0 12px 0 0px; }
                .compose-content .note-editor.note-frame .note-placeholder{ padding:0; }
                .compose-content .modal.set-modal{ display: block; overflow: visible;}
                .compose-content .modal-footer{ border-top: none; margin: 5px 0; padding: 0px; height: 35px;}
                .compose-content .modal-footer .btn
                {box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24); border:none; border-radius: 4px; float: left;}
                .compose-content .teg-to .hide-cc{ position: absolute; right: 0; top: 9px;padding: 0; width: 19px; text-align: center; border-radius: 2px; border-color:transparent; transition: 0.5s; box-shadow: none; }
                .compose-content .set-modal .teg-to .hide-cc:before{ content: "\f107"; font: normal normal normal 14px/1 FontAwesome; }
                .compose-content .set-summernote.set-modal .teg-to .hide-cc:before{content: "\f106";}
                .compose-content .teg-to .hide-cc:hover{ border-color: rgba(0,0,0,0.15)!important;box-shadow: none !important;}
                .compose-content .teg-to .hide-cc .icon{ font-size: 14px; font-weight: 600;}

                .mail-notf{max-width: 300px; width: auto !important;}
                .mail-notf .ui-pnotify-title{ margin-bottom: 0px; font-weight: normal; font-size: 12px; white-space: nowrap;padding-right: 34px; }
                .mail-notf .alert .alert-link{text-transform: uppercase;}
                .mail-notf .alert .alert-link:hover,
                .mail-notf .alert .alert-link:focus{color: rgba(255, 255, 255, 0.7);text-decoration: none !important;}
                .compose-content .toggle-collapse .list-inline.tools li a:hover{ color: rgba(255, 255, 255, 1); }
                .compose-content .toggle-collapse.inside-hIding.close-cloapse .list-inline.tools li a.open-penal i:before{ content: "\f068";color: rgba(255, 255, 255, 1); }

                .set-compose .compose-content .click2edit.summernote-style .reply-box .send-mail .inner-arrow:before,
                .set-compose .compose-content .click2edit.summernote-style .reply-box .send-mail .inner-arrow:after{ width: 30px;  height: 30px; display: block; position: absolute; top: 50%;  margin-top: -15px; border-top: 15px solid transparent;  border-bottom: 15px solid transparent; content: ""; transform: scale(0.54); }
                .set-compose .compose-content .click2edit.summernote-style .reply-box .send-mail .inner-arrow:before{ border-left: 6px solid #FFF;  z-index: 1;  }
                .set-compose .compose-content .click2edit.summernote-style .reply-box .send-mail .inner-arrow:after{ border-left: 30px solid rgba(0,0,0,0.6); }
                .set-compose .compose-content .click2edit.summernote-style .reply-box .attachment-mail .btn-txt{ display: none; }
                .set-compose .compose-content .click2edit.summernote-style .reply-box .attachment-mail input{position: absolute; width: 42px; height: 42px; top:0px; opacity: 0;}
                .set-compose .compose-content .click2edit.summernote-style .reply-box .attachment-mail{ overflow: hidden; z-index: 1; position: absolute; width: 42px; height: 42px; bottom: 0px; left: 42px; text-align: center;  color: rgba(0,0,0,0.6);}
                .set-compose .compose-content .click2edit.summernote-style .reply-box .attachment-mail:before{ content: "\e693"; }

                .set-compose .compose-content .click2edit.summernote-style .reply-box .attachment-mail:before,
                .compose-content .modal-footer .delete-mail:before
                { font-family: icomoon; width: 42px; font-size: 14px; line-height:42px; position: relative; text-align: center; }
                .compose-content .modal-footer .delete-mail{ position: absolute;text-align: center; right: 0; border-right:  1px solid rgba(0,0,0,0.08)}
                .compose-content .modal-footer .delete-mail:before{ content: "\e774"; }

                .choose-inbox,
                .choose-folder,
                .profile-wrpr .mail-data .mail-header .set-caret
                {display: inline-block; border-radius:4px; border:1px solid rgba(0,0,0,0.1); padding: 6px 4px 6px 2px; margin: 0px 0px 0px 5px;}

                .compose-content .summernote-style .panel-heading.note-toolbar .note-color .dropdown-menu{ min-width: 182px; padding: 10px; top: -182px;}
                .compose-content .summernote-style .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group:first-child{ display: none; }
                .compose-content .summernote-style .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title,
                .compose-content .summernote-style .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset
                { display: none; }
                .profile-wrpr .mail-data .mail-content .month-label{color: rgba(0,0,0,0.4); padding: 10px; display: block;}




                /* ==== welcome screen ==== */
                .welcome-screen { left:0%; right:0%; position: fixed;  z-index: 9999;  margin-top: -62px; top: 50%; transition: 0.5s; opacity: 1;}
                .loaded #loader-wrapper .welcome-screen{opacity: 0;}
                .welcome-msg{ font-size: 16px; text-align: center; text-transform: capitalize; color: #000; animation-delay: 1s; }
                .welcome-msg span{ display: inline-block; }
                .welcome-msg .logo-text
                { color:#000; animation-delay:1s; }
                .welcome-msg .anim-1
                { animation-delay:1s; }
                .panamax-logo{ animation-delay:1s; }
                .login-loading-effect.loaded #loader-wrapper.with-js,
                .login-loading-effect.loaded #loader-wrapper{ transition: all 0.5s 1s ease-out; }
                .login-loading-effect #loader-wrapper.light-light-bg .loader-section{ background-color: RGBA(254, 254, 254, 0.66) !important}


                /*.login-loading-effect #main-login-1{position: fixed; left:0px; right: 0px; top:0px; bottom: 0px; }*/



                /* ==== login loading effect ==== */

                .login-loading-effect #main-login-1{ position: absolute; left: 0; right: 0;  }
                .login-loading-effect .footer.one-list{position: fixed; bottom:0px;}
                .login-loading-effect .apply-style{ position: relative; display: block; }

                .login-loading-effect #main-login-1 .set-logo{ transition: 0.5s; z-index: 9999999999; }
                body.css-animation{overflow-y: hidden !important;}
                body.css-animation .login-box{ animation-name: login_animation; top: 18% !important;}
                body.css-animation .login-box .brand-logo{animation-name: brand_animation; opacity: 1;}
                body.css-animation .login-box .welcome-msg{animation-name: welcome_animation; opacity: 0; overflow: hidden;}
                body.css-animation .login-box .error-server{animation-name: login_data_animation; opacity: 1; }
                body.css-animation .login-box .apply-style{animation-name: login_data_animation; opacity: 1;}

                body.css-animation .login-box,
                body.css-animation .login-box .brand-logo,
                body.css-animation .login-box .welcome-msg,
                body.css-animation .login-box .error-server,
                body.css-animation .login-box .apply-style {animation-duration: 5s; animation-delay: 2s;}

                @keyframes login_animation{
                    0%{top: 40%;}
                    25%{top: 40%;}
                    50%{top: 18%;}
                    75%{top: 18%;} 
                    100%{top: 18%;}
                }

                @-moz-keyframes login_animation{
                    0%{top: 40%;}
                    25%{top: 40%;}
                    50%{top: 18%;}
                    75%{top: 18%;} 
                    100%{top: 18%;}
                }

                @keyframes brand_animation{
                    0%{opacity: 0;}
                    25%{opacity: 1;}
                    50%{opacity: 1;}
                    75%{opacity: 1;} 
                    100%{opacity: 1;}
                }

                @-moz-keyframes brand_animation{
                    0%{opacity: 0;}
                    25%{opacity: 1;}
                    50%{opacity: 1;}
                    75%{opacity: 1;} 
                    100%{opacity: 1;}
                }


                @keyframes welcome_animation{
                    0%{opacity: 0; overflow: visible;}
                    25%{opacity: 1; overflow: visible;}
                    50%{opacity: 0; overflow: visible;}
                    75%{opacity: 0; overflow: visible;} 
                    100%{opacity: 0; overflow: hidden;}
                }

                @-moz-keyframes welcome_animation{
                    0%{opacity: 0; overflow: visible;}
                    25%{opacity: 1;  overflow: visible;}
                    50%{opacity: 0;  overflow: visible;} 
                    75%{opacity: 0;  overflow: visible;} 
                    100%{opacity: 0; overflow: hidden;}
                }

                @keyframes login_data_animation{
                    0%{opacity: 0;}
                    25%{opacity: 0;}
                    50%{opacity: 0;}
                    75%{opacity: 1;} 
                    100%{opacity: 1;}
                }

                @-moz-keyframes login_data_animation{
                    0%{opacity: 0;}
                    25%{opacity: 0;}
                    50%{opacity: 0;}
                    75%{opacity: 1;} 
                    100%{opacity: 1;}
                }

                @media (min-width:992px) and (max-width:1311px) {
                    .boot-style.three-input .form-group.first-cld { width: 16%; }
                    .boot-style.two-input .form-group { float: left; width: 48%; }
                    .optn-tab .breadcrumb-custom ul li { display: none; }
                    .optn-tab .breadcrumb-custom ul li:nth-last-child(-n+2) { display: block; }
                }

                @media (min-width: 769px) and (max-width:980px) {
                    .optn-tab .breadcrumb-custom ul li { display: none; }
                    .optn-tab .breadcrumb-custom ul li:nth-last-child(-n+2) { display: block; }
                    .sales-box .sales-container.five .sub-box { width: 50%; }
                    .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-img { width: 11%; }
                    .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text { width: 89%; }
                    .profile-wrpr .mail-data .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-img{ width: auto; }

                    /* ===== start  set carrier page =====*/
                    .fixed-aside{ width:40%; }
                    .setting-box.with_static{ width:60%; }
                    /* ===== end  set carrier page =====*/	
                }

                @media (min-width:641px) and (max-width:768px) {
                    .icon-page #glyphicons-icon-list .glyphicon,
                    .icon-page #glyphicon-icon-list .glyphicon,
                    .icon-page #imoon-icon-list .imoon,
                    .icon-page .fa-icon-list .fa { font-size: 14px !important; }
                    .icon-page #glyphicons-icon-list li,
                    .icon-page #glyphicon-icon-list li,
                    .icon-page #imoon-icon-list li,
                    .icon-page .fa-icon-list li { width: 32%; }
                    .boot-style.three-input .form-group.first-cld { width: 16%; }
                    .sales-box .sales-container.five .sub-box { width: 50%; }
                    /* ===== start  set carrier page =====*/
                    .fixed-aside{float: none; width: 100%;}
                    .setting-box.with_static{float:none; width: 100%; padding-left: 0px !important;}
                    .fixed-aside .boot-style.one-input{ float: left; width: 48%; margin-right: 2%;}
                    .fixed-aside .justified-btn.btn { width: 48%; float: left; margin-right: 2%; }
                    /* ===== end  set carrier page ===== */	
                }

                @media (max-width:1280px) {
                    .profile-wrpr .mail-data .mail-header .sliding-bar.nav.nav-tabs li a > .icon{ display: none;}
                }


                @media (max-width:768px) {
                    .lft-mnu .right-box-scroll,
                    .rgt-mnu .right-box-scroll { margin-left: 0px; }
                    .step-text { font-size: 12px; line-height: 15px; }
                    .trd-wiz .wizard-nav li a .icon-wiz { display: block; }
                    .local-menu { display: none; }
                    .optn-tab .breadcrumb-custom ul li { display: none; }
                    .optn-tab .breadcrumb-custom ul li:nth-last-child(-n+2) { display: block; }
                    .breadcrumb-custom ul li { display: none; }
                    .breadcrumb-custom ul li:nth-last-child(-n+2) { display: block; }
                    .setting-box.with_static { margin-left: 0px; }
                    .heigh-chart-pg #pchart3 { overflow-x: scroll; }
                    .mail-wrpr .label-wrpr { display: none; }
                    .mail-wrpr .mail-msg-wrpr { width: 100%; }
                    .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .checkbox-mail { width: 7%; display: none; }
                    .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info { width: 100%; }
                    .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-text { width: 100%;}
                    .search-wrpr .search-data input { width: 200px; }
                    .box-lyt .right-box-scroll {margin-left: 0px; }
                    #sidebar-right .sliding-bar.nav-tabs .slider { width: 100px; }
                    .list-wrpr .ld-wrpr .list-img{ padding: 0px 15px; float: right;}
                    .footer .secondary li:last-child{ display: none; }
                    .rgt-mnu .main-bred,
                    .last-mnu .main-bred,
                    .nonoly-lyt.lft-mnu .main-bred,
                    .third-mnu .main-bred,
                    .lft-mnu .main-bred,
                    .two-mnu.nonoly-lyt .main-bred
                    { display: none; }
                    .icons-list li { width: 50%; }
                    .mail-wrpr .mail-msg-wrpr .mm-body .mm-data .mm-info .mm-img { display: none; }
                    /*	optn-bar css */
                    .optn-bar-wrapper .optn-bar.optn-dropdown .optn-bar-mnu { display: block; }
                    .optn-bar-wrapper .optn-bar.optn-dropdown .optn-bar-status ul li { border-bottom: 1px solid #ddd; clear: both; display: block; float: left; width: 100%; padding: 10px 10px 10px 10px; }
                    .optn-bar-wrapper .optn-bar.optn-dropdown .optn-bar-status ul { position: absolute; top: 40px; z-index: 3; background: #fff; float: left; border-top: 3px solid #999 !important; box-shadow: 0 0 12px rgba(0, 0, 0, 0.176) !important; }
                    .optn-bar-wrapper .optn-bar.optn-dropdown .optn-bar-status ul::after { border-color: transparent transparent #999; border-style: solid; border-width: 0 10px 10px; bottom: 100%; content: ""; height: 0; left: 8px; position: absolute; width: 0; }
                    .optn-bar-wrapper .optn-bar.optn-right.optn-dropdown .optn-bar-status ul::after { right: 8px; left: auto; }
                    .optn-bar.optn-dropdown .optn-bar-status { transition: 0.5s; display: none; z-index: 1; }
                    .open-dropdown.optn-bar-status.open-dropdown { display: block; }
                    .optn-bar-wrapper .optn-bar .optn-bar-status .btn-txt { display: inline-block !important;  }
                    .optn-bar-wrapper .optn-bar .optn-bar-status ul li >.btn{ width: auto !important; }
                    .optn-bar-wrapper .optn-bar .optn-bar-status i {  margin-right: 8px !important; float: left !important; }
                    .optn-bar-wrapper .optn-bar .optn-bar-status .cp-wrpr{width: auto;}
                    /*	set left */
                    .optn-bar-wrapper .optn-bar.optn-left.optn-dropdown  .optn-bar-status .custom-popover{ top: 0px; left: 100% !important; bottom: auto;}
                    .optn-bar-wrapper .optn-bar.optn-left.optn-dropdown  .optn-bar-status .custom-popover .arrow:before,
                    .optn-bar-wrapper .optn-bar.optn-left.optn-dropdown  .optn-bar-status .custom-popover .arrow:after{
                        border-top: 10px solid transparent;  border-bottom: 10px solid transparent;  left:auto; top: 10px; bottom: auto; border-left: none; }
                    .optn-bar-wrapper .optn-bar.optn-left.optn-dropdown  .optn-bar-status .custom-popover .arrow:before{ border-right: 10px solid rgba(0,0,0,0.09); right: 100%; }
                    .optn-bar-wrapper .optn-bar.optn-left.optn-dropdown  .optn-bar-status .custom-popover .arrow:after{ border-right: 10px solid #fff; right: 99%; }

                    /*	set right */
                    .optn-bar-wrapper .optn-bar.optn-right.optn-dropdown  .optn-bar-status .custom-popover{ top: 0px; right: 100% !important; left: auto !important; bottom: auto !important; }
                    .optn-bar-wrapper .optn-bar.optn-right.optn-dropdown  .optn-bar-status .custom-popover .arrow:before,
                    .optn-bar-wrapper .optn-bar.optn-right.optn-dropdown  .optn-bar-status .custom-popover .arrow:after{
                        border-top: 10px solid transparent;  border-bottom: 10px solid transparent;  right:auto; top: 10px; border-right: none;bottom: auto; }
                    .optn-bar-wrapper .optn-bar.optn-right.optn-dropdown  .optn-bar-status .custom-popover .arrow:before{ border-left: 10px solid rgba(0,0,0,0.09); left: 100%; }
                    .optn-bar-wrapper .optn-bar.optn-right.optn-dropdown  .optn-bar-status .custom-popover .arrow:after{ border-left: 10px solid #fff; left: 99%; }
                    .optn-bar-wrapper .optn-bar.optn-right .optn-bar-status ul li{float: none; margin-right: 0px;}
                    .optn-bar-wrapper .optn-bar.optn-left .optn-bar-status ul li{float: none; margin-left: 0px;}
                    .optn-bar-wrapper .optn-bar .optn-bar-status .btn.example-pop{width: auto; font-size: 12px;}
                    /*more-menu in header	*/
                    .set-responsive .more-navbar{ float: right; height: 42px; text-align: center; width: 42px; display: block; border-left: 1px solid rgba(0,0,0,0.09); cursor: pointer; }
                    .set-responsive .more-navbar:hover{ box-shadow: inset 0 0 0 42px rgba(0, 0, 0, 0.09); }
                    .set-responsive .more-navbar .icon { line-height: 42px; }
                    .set-responsive .responsive-wrpr{ position: relative; }
                    .set-responsive .user{ position: absolute; top: 42px; right: 0px; width: 220px; background: #fff; height:0px; opacity: 0;
                                           box-shadow: 0 6px 12px #9a9a9a !important; border-top: 3px solid #9a9a9a; overflow: hidden; transition: 0.3s;	}
                    .set-responsive .user > li{ float: none; clear: both;}
                    .set-responsive .user li a{ float: none; clear: both; display: block; }
                    .set-responsive .user li a .title{ display: inline-block; }	
                    .set-responsive .user::after { border-color: transparent transparent; border-style: solid; border-width: 0 10px 10px; bottom: 100%; content: ""; height: 0; position: absolute; left: 8px; width: 0; border-bottom-color: rgb(154, 154, 154);}
                    .set-responsive .user.right-open:after{ right: 8px; left: auto; }	
                    .set-responsive .user .search-nav{ width: 220px; box-shadow: inset 0 0 0 42px rgba(0,0,0,0.15);}	
                    .set-responsive .user .search-nav input { left: 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.09); }	
                    .set-responsive .user .search-nav input:focus{border-bottom: 1px solid #649ae1; box-shadow: 0 1px 0 0 #649ae1;}	
                    .set-responsive .user li a:hover .search-nav #sb-button { background: transparent !important; box-shadow: none; }	
                    .set-responsive.show-list .user{ overflow: visible; height: auto; opacity: 1; }	
                    .set-responsive.show-list .more-navbar{box-shadow: inset 0 0 0 42px rgba(0,0,0,0.09);}
                    .set-responsive .user .search-nav #sb-button{ color: #649ae1; }	
                    .with-widget .carousel-inner > .item{display: none;}	
                    .with-widget .carousel-inner > .item.active{display:block;}	
                    .with-widget .carousel-control,
                    .with-widget .carousel-indicators	
                    {display: block; z-index: 10;}	
                    .form-wiz-page .fst-wiz .wizard-nav li a .step-text,
                    .form-wiz-page .trd-wiz .wizard-nav li a .step-text { opacity: 0;}
                    .form-wiz-page .wizard-nav li .step-text{ position: relative; }	
                    .form-wiz-page .progress{ top: 22px;}
                    .form-wiz-page .sec-wiz .step-text{ line-height: 45px;  height: 45px;  }	
                    .form-wiz-page .wizard-nav li a .step-count{    position: absolute; left: 50%; margin-left: -15px !important;}
                    .form-wiz-page .trd-wiz .wizard-nav li a .step-text{display: none;}	
                    .sales-box .sales-container.four .sub-box { width: 50%;}	
                    .with-gv .lw-footer .gf-row-count,
                    .with-gv .lw-footer .pagination	
                    { text-align: center; float: none; }
                    /* === responsive table === */
                    .basic-style.with-rscroll.table > tbody > tr > td .table-label{ position: absolute; display: block; font-weight: 600; font-size: 11px; display: block; left: 0; padding: 0 12px; top: 0; line-height: 22px; background: #fff; box-shadow: inset 0 0 0 31px RGBA(0, 0, 0, 0.06); right: 0; }
                    .basic-style.with-rscroll  tr th{ display: none; }
                    .basic-style.with-rscroll  tbody{ display: block; }
                    .basic-style.with-rscroll  tbody tr{  display: block; width: 49%; float: left; border: 1px solid #ddd; margin: 1% 0 20px 1%;}
                    .basic-style.with-rscroll  tbody tr td,
                    .basic-style.with-rscroll  tbody tr td.icon { display: block !important; text-align: left !important; border-top: none; border-bottom: 1px solid rgba(0,0,0,0.15); padding-top: 28px; }	
                    .basic-style.with-rscroll tbody tr:last-child{ margin-bottom: 20px; }	
                    .basic-style.with-rscroll  tbody tr td:hover{ background: #fff; box-shadow: inset 0 0 0 60px rgba(0,0,0,0.1);}	
                    .lft-mnu .sidebar-menu.main-menu .user-optn .change-mnu {display: none;}	
                    .login-loading-effect .footer.one-list,
                    .login-loading-effect #main-login-1	
                    { position: relative; }
                    .login-loading-effect #main-login-1	
                    { position: relative; }
                    .login-loading-effect #main-login-1{ margin-left: auto !important; margin-top: auto !important; left: auto !important;  top: auto !important; }

                    .profile-page .footer{position: fixed;}	

                    .set-compose{right: 52px;}		

                    .two-mnu-responsive .profile-wrpr .profile-data,
                    .two-mnu-responsive .profile-wrpr .chat-data{ z-index: 3; }
                    .close-profile .two-mnu-responsive .profile-wrpr .profile-data{ left: -258px; }
                    .two-mnu-responsive .profile-wrpr .mail-data{ left: 42px; right: 0px; }	

                    .close-lft-overlap-mnu.close-contact .two-mnu-responsive .profile-wrpr .chat-data,
                    .close-contact .two-mnu-responsive .profile-wrpr .chat-data	
                    { right: -300px; }

                    .two-mnu-responsive .profile-wrpr .profile-data{ left:42px; }	
                    .two-mnu-responsive .profile-wrpr .profile-data{ right: 0px; }

                    /*.....	*/
                    .lft-mnu .profile-wrpr .profile-data,
                    .lft-mnu .profile-wrpr .chat-data{ z-index: 3; }
                    .close-profile .lft-mnu .profile-wrpr .profile-data{ left: -258px; }
                    .lft-mnu .profile-wrpr .mail-data{ left: 42px; right: 0px; }	

                    .close-lft-overlap-mnu.close-contact .lft-mnu .profile-wrpr .chat-data,
                    .close-contact .lft-mnu .profile-wrpr .chat-data	
                    { right: -300px; }

                    .lft-mnu .profile-wrpr .profile-data{ left:42px; }	
                    .lft-mnu .profile-wrpr .profile-data{ right: 0px; }	





                }

                @media(max-width:640px) {
                    .boot-style.three-input .control-label,		
                    .boot-style.two-input .control-label,		
                    .boot-style.one-input .control-label,
                    .boot-style.three-input span.control-label,
                    .boot-style.two-input span.control-label,
                    .boot-style.one-input span.control-label,
                    .boot-style.three-input label.control-label,		
                    .boot-style.two-input label.control-label,		
                    .boot-style.one-input label.control-label,		
                    .boot-style.three-input label,		
                    .boot-style.two-input label,		
                    .boot-style.one-input label { text-align: left; width: 100%; }
                    .boot-style.three-input .form-group.sec-cld { width: 36%; }
                    .boot-style.three-input .form-group.first-cld { width: 26%; }
                    .boot-style.one-input .form-group { width: 100%; }
                    .boot-style.two-input.to-cls .form-group { width: 100%; }
                    .form-inline.boot-style.two-input.to-cls .width-67 .sec-cld {width: 46%;}
                    .fixed-aside { width: 100%; }
                    .setting-box { width: 99%; }
                    .setting-box .optn-tab .search-panel .form-inline.two-inpt .form-group input { width: 99%; }
                    .setting-box .optn-tab .search-panel .form-inline.two-inpt .form-group select { width: 99%; }
                    .setting-box .optn-tab .search-panel .form-inline .form-group { width: 99%; }
                    .boot-style.two-input.with_label .form-group .sec-cld { width: 100%; }
                    .form-inline.boot-style.two-input .width-67 { width: 100%; }
                    .boot-style.two-input .form-group { width: 48%; }
                    .boot-style.two-input.with_label .form-group { width: 100%;	}
                    .boot-style.two-input.with_label .form-group .input-group { width: 100%; }
                    .boot-style.two-input.with_label .form-group .control-label,
                    .boot-style.two-input.with_label .form-group span.control-label, 		
                    .boot-style.two-input.with_label .form-group label.control-label, 		
                    .boot-style.two-input.with_label .form-group label { text-align: left; }
                    .boot-style.two-input.to-cls .form-group .full-box { width: 46%; }
                    .form-wiz-page .trd-wiz .step-text {  display: none}
                    .form-wiz-page .trd-wiz .wizard-nav li a span.icon-wiz { left: 50%; margin-left: -15px !important; position: absolute }
                    .sales-box .sales-container.five .sub-box { width: 100%; }
                    .feeeds-new .main-post .fd-h-wrpr .name-user .fd-n-time .time { display: none; }
                    .feeeds-new .main-post .fd-h-wrpr .name-user { width: 80%; float: right; }
                    .feeeds-new .main-post .fd-h-wrpr .img-user { width: 20%; }
                    .feeeds-new .main-post .fd-h-wrpr .name-user .project-user .cp-wrpr { display: none; }
                    .feeeds-new .status-opn .tab-content .main-post.sub .fd-h-wrpr .name-user { width: 82%; }
                    .feeeds-new .status-opn .tab-content .main-post.sub .fd-h-wrpr .img-user { width: 14%; }
                    .feeeds-new .status-opn .tab-content .main-post.sub .main-post.sub .fd-h-wrpr .name-user { width: 84%; }
                    .boot-style.one-input .width-67 {width: 100%;}
                    .footer .primary,
                    .footer .secondary { float: none; margin: 0 auto; background: #fff;}
                    .footer .secondary li+li:before, .footer .primary.more-element li+li:before{content: "";}
                    .footer .primary li+li:before{content: "|";}
                    .footer .primary ul{text-align: center;}
                    .footer .primary li{float: none;}
                    .footer .secondary li:first-child{padding-left: 0px;}
                    .footer .secondary li { float: none; margin: 0 auto; text-align: center; border-top: 1px solid rgba(0, 0, 0, 0.1);}
                    .footer .p-logo{ text-align: left;  margin: 0 auto;}
                    .footer .primary.more-element li{display:block; border-top: 1px solid rgba(0,0,0,0.09); padding-left: 0px; }
                    .footer .primary.more-element ul li:last-child{border-top:none;}
                    .footer .primary.more-element .top-scroll{position: absolute;right: 0px;}
                    .footer .primary li:last-child{padding-left: 0px;}
                    .footer .primary li a, .footer .secondary li a{float: none; }
                    .footer .secondary li+li{padding-left: 0px}
                    .footer .primary ul li{ display: inline-block;}	
                    .footer .primary .top-scroll{float: right;}
                    .footer.one-list .secondary{display: block; border-top:1px solid #ddd;}
                    .footer{position: relative; }
                    .switching-tab{width: auto;}
                    #main-login-1.main-login3-width, .main-login3
                    { width:255px; }
                    .main-login3 .one-input{width:255px; float: none; margin: 0 auto 20px;}
                    .main-login3 .login-btn{position: relative; right: 0; text-align: center;}
                    .main-login3 .boot-style .form-group .btn.full-width{width: 100px !important; float: none; height: auto; }
                    /* ===== start  set carrier page =====*/
                    .fixed-aside{ float: none; width: 100%; }
                    .setting-box.with_static{ float:none; width: 100%; padding-left: 0 !important; }
                    .fixed-aside .boot-style.one-input{ float: left; width: 100%;}
                    .fixed-aside .justified-btn.btn { width: 48%; float: left; margin-right: 2%; }
                    /* ===== end  set carrier page ===== */	
                    .basic-style.table.with-rscroll tbody tr{  width: 98%; margin: 1% 1% 20px 1%; }
                    /* .login-loading-effect .footer.one-list
                    {position: relative;} */

                    .login-loading-effect #main-login-1
                    {position: relative;}

                    .profile-wrpr .mail-data .mail-wrpr .mail-msg-wrpr.panel:last-child{ padding-bottom: 216px; }	
                }

                /*=== start for the menu only====*/
                @media (min-width:1314px) and (max-width:1920px) {
                    /*.first-mnu .sidebar-menu .nav-menu > li,
                    .two-mnu .sidebar-menu.main-menu .nav-menu > li,
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li,
                    .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li,
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li
                    { display: none; }*/

                    .first-mnu .sidebar-menu .nav-menu > li:nth-child(-n+7),
                    .two-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+7),
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+7),
                    .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+7),
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+7)
                    { display: block; }

                    /*.first-mnu .more-mnu,
                    .two-mnu .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu
                    { display: block; }*/

                    .first-mnu .submenu-more  li:nth-child(-n+7),
                    .two-mnu .sidebar-menu.main-menu .submenu-more  li:nth-child(-n+7),
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more  li:nth-child(-n+7),
                    .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more  li:nth-child(-n+7),
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more  li:nth-child(-n+7)
                    { display: none; }

                    .first-mnu .submenu-more  li,
                    .two-mnu .sidebar-menu.main-menu .submenu-more  li,
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more  li,
                    .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more  li,
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more  li
                    { display: block; }
                }

                @media (min-width:1151px) and (max-width:1313px) {
                    /*.first-mnu .sidebar-menu .nav-menu > li,	
                    .two-mnu .sidebar-menu.main-menu .nav-menu > li,
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li,
                    .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li
                    { display: none; }*/

                    .first-mnu .sidebar-menu .nav-menu > li:nth-child(-n+8),
                    .two-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+8),
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+8),
                    .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+8),
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+8)
                    { display: block; }

                    /*.first-mnu .more-mnu,
                    .two-mnu .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu
                    { display: block; }*/

                    .first-mnu .submenu-more  li,
                    .two-mnu .sidebar-menu.main-menu .submenu-more  li,
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more  li,
                    .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more  li,
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more  li
                    { display: block; }

                    .first-mnu .submenu-more  li:nth-child(-n+8),
                    .two-mnu .sidebar-menu.main-menu .submenu-more  li:nth-child(-n+8),
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more  li:nth-child(-n+8),
                    .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+8),
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more  li:nth-child(-n+8),
                    { display: none; }
                }

                @media (min-width:1051px) and (max-width:1150px) {
                    /*.first-mnu .sidebar-menu .nav-menu > li,
                    .two-mnu .sidebar-menu.main-menu .nav-menu > li,
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li,
                    .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li,
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li
                    {display: none;}*/

                    .first-mnu .sidebar-menu .nav-menu > li:nth-child(-n+7),
                    .two-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+7),
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+7),
                    .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+7),
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+7)
                    { display: block; }

                    /*.first-mnu .more-mnu,
                    .two-mnu .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu
                    { display: block; }*/

                    .first-mnu .submenu-more li,
                    .two-mnu .sidebar-menu.main-menu .submenu-more li,
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more li,
                    .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more li ,
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more li 
                    { display: block; }

                    .first-mnu .submenu-more li:nth-child(-n+7),
                    .two-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+7),
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more li:nth-child(-n+7),
                    .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+7),
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+7)
                    { display: none; }
                }

                @media (min-width:972px) and (max-width:1050px) {
                    /*.first-mnu .sidebar-menu .nav-menu > li,
                    .two-mnu .sidebar-menu.main-menu .nav-menu > li,
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li,
                    .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li,
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li
                    { display: none; }*/

                    .first-mnu .sidebar-menu .nav-menu > li:nth-child(-n+6),
                    .two-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+6),
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+6),
                    .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+6),
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+6)
                    { display: block; }

                    /*.first-mnu .more-mnu,
                    .two-mnu .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu
                    { display: block; }*/

                    .first-mnu .submenu-more li,
                    .two-mnu .sidebar-menu.main-menu .submenu-more li,
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more li,
                    .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more li,
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more li
                    { display: block; }

                    .first-mnu .submenu-more li:nth-child(-n+6),
                    .two-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+6),
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more li:nth-child(-n+6),
                    .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+6),
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+6)
                    { display: none; }
                }

                @media (min-width:850px) and (max-width:971px) {
                    /*.first-mnu  .sidebar-menu .nav-menu > li,
                    .two-mnu  .sidebar-menu.main-menu .nav-menu > li,
                    .two-mnu.nonoly-lyt  .sidebar-menu.main-menu .nav-menu > li,
                    .two-mnu.third-mnu  .sidebar-menu.main-menu .nav-menu > li,
                    .two-mnu.icon-mnu  .sidebar-menu.main-menu .nav-menu > li
                    { display: none; }*/

                    .first-mnu  .sidebar-menu .nav-menu > li:nth-child(-n+5),
                    .two-mnu  .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+5),
                    .two-mnu.nonoly-lyt  .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+5),
                    .two-mnu.third-mnu  .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+5),
                    .two-mnu.icon-mnu  .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+5)
                    { display: block; }

                    /*.first-mnu .more-mnu,
                    .two-mnu .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu
                    { display: block; }*/

                    .first-mnu .submenu-more li,
                    .two-mnu .sidebar-menu.main-menu .submenu-more li,
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more li,
                    .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more li,
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more li
                    { display: block; }

                    .first-mnu .submenu-more li:nth-child(-n+5),
                    .two-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+5),
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more li:nth-child(-n+5),
                    .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+5),
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+5)
                    { display: none; }

                }

                @media (min-width:769px) and (max-width:849px) {
                    /*.first-mnu .sidebar-menu .nav-menu > li,
                    .two-mnu .sidebar-menu.main-menu .nav-menu > li,
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li,
                    .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li,
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li
                    {display: none;}*/

                    .first-mnu .sidebar-menu .nav-menu > li:nth-child(-n+4),
                    .two-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+4),
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+4),
                    .two-mnu.third-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+4),
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .nav-menu > li:nth-child(-n+4)
                    { display: block; }

                    /*.first-mnu .more-mnu,
                    .two-mnu .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu
                    { display: block; }*/

                    .first-mnu .submenu-more li,
                    .two-mnu .sidebar-menu.main-menu .submenu-more li,
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more li,
                    .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more li,
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more li
                    { display: block; }

                    .first-mnu .submenu-more li:nth-child(-n+4),
                    .two-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+4),
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .submenu-more li:nth-child(-n+4),
                    .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+4),
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more li:nth-child(-n+4)
                    { display: none; }

                }

                @media(max-width:768px) {
                    .first-mnu .more-mnu,
                    .two-mnu .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.nonoly-lyt .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.third-mnu .sidebar-menu.main-menu .more-mnu,
                    .two-mnu.icon-mnu .sidebar-menu.main-menu .more-mnu
                    { display: none; }
                }
                /*=== start for the menu only====*/


                /*=== start for the menu only (by heighht)====*/

                /*@media (max-height:418px) {
                        .icon-mnu .sidebar-menu .nav-menu > li,
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu > li,
                        .two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li
                        { display: none; }
                        
                        .icon-mnu .sidebar-menu .nav-menu > li:nth-child(-n+5),
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+5),
                        .two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+5)
                        { display: block; }
                        
                        .icon-mnu .submenu-more li,
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more li,
                        .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more li
                        {display: block;}
                        
                        .icon-mnu .submenu-more li:nth-child(-n+5),
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more li:nth-child(-n+5),
                        .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more li:nth-child(-n+5)
                        { display: none; }
                        
                        .icon-mnu .more-mnu,
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu,
                        .two-mnu-responsive .sidebar-menu.operation-menu .more-mnu
                        { display: block; }
                }
                
                @media (min-height:419px) and (max-height:465px) {
                        .icon-mnu .sidebar-menu .nav-menu > li,
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu > li,
                        .two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li
                        {display: none;}
                        
                        .icon-mnu  .sidebar-menu .nav-menu > li:nth-child(-n+7),
                        .two-mnu.icon-mnu  .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+7),
                        .two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+7)
                        { display: block; }
                        
                        .icon-mnu .submenu-more > li,
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more > li,
                        .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more > li,
                        .icon-mnu .submenu-more .mCSB_container > li,
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .mCSB_container .submenu-more > li,
                        .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more .mCSB_container > li
                        { display: block;}
                        
                        .icon-mnu .submenu-more > li:nth-child(-n+7),
                        .two-mnu .sidebar-menu.operation-menu .submenu-more > li:nth-child(-n+7),
                        .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more > li:nth-child(-n+7),
                        .icon-mnu .submenu-more .mCSB_container > li:nth-child(-n+7),
                        .two-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li:nth-child(-n+7),
                        .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more .mCSB_container > li:nth-child(-n+7)
                        { display: none; }
                        
                        .icon-mnu .more-mnu,
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu,
                        .two-mnu-responsive .sidebar-menu.operation-menu .more-mnu
                        { display: block; }
                }
                
                @media (min-height:466px) and (max-height:523px) {
                        .icon-mnu  .sidebar-menu .nav-menu > li,
                        .two-mnu.icon-mnu  .sidebar-menu.operation-menu .nav-menu > li,
                        .two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li
                        { display: none; }
                        
                        .icon-mnu  .sidebar-menu .nav-menu > li:nth-child(-n+6),
                        .two-mnu.icon-mnu  .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+6),
                        .two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+6)
                        { display: block; }
                        
                        .icon-mnu .submenu-more > li,
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more > li,
                        .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more > li,
                        .icon-mnu .submenu-more .mCSB_container > li,
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li,
                        .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more .mCSB_container > li
                        { display: block; }
                        
                        .icon-mnu .submenu-more > li:nth-child(-n+6),
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more > li:nth-child(-n+6),
                        .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more > li:nth-child(-n+6),
                        .icon-mnu .submenu-more .mCSB_container > li:nth-child(-n+6),
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li:nth-child(-n+6),
                        .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more .mCSB_container > li:nth-child(-n+6)
                        { display: none; }
                        
                        .icon-mnu .more-mnu,
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu,
                        .two-mnu-responsive .sidebar-menu.operation-menu .more-mnu
                        { display: block; }
                }
                
                @media (min-height:524px) and (max-height:600px) {
                        .icon-mnu .sidebar-menu .nav-menu > li,
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu > li,
                        .two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li
                        { display: none; }
                        
                        .icon-mnu .sidebar-menu .nav-menu > li:nth-child(-n+7),
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+7),
                        .two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+7)
                        { display: block; }
                        
                        .icon-mnu .submenu-more > li,
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more > li,
                        .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more > li,
                        .icon-mnu .submenu-more .mCSB_container > li,
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li,
                        .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more .mCSB_container > li
                        { display: block; }
                        
                        .icon-mnu .submenu-more > li:nth-child(-n+7),
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more > li:nth-child(-n+7),
                        .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more > li:nth-child(-n+7),
                        .icon-mnu .submenu-more .mCSB_container > li:nth-child(-n+7),
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li:nth-child(-n+7),
                        .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more .mCSB_container > li:nth-child(-n+7)
                        { display: none; }
                        
                        .icon-mnu .more-mnu,
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu,
                        .two-mnu-responsive .sidebar-menu.operation-menu .more-mnu
                        { display: block; }
                }*/

                /*
                @media (min-height:601px) {
                        .icon-mnu .more-mnu, .two-mnu .sidebar-menu.operation-menu .more-mnu,
                        .two-mnu-responsive .sidebar-menu.operation-menu .more-mnu
                        { display: none; }
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .more-mnu{ display: block; }
                }
                */

                /*@media (min-height:601px) {
                        
                        icon-mnu .sidebar-menu .nav-menu > li,
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu > li,
                        .two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li
                        { display: none; }
                        
                        .icon-mnu .sidebar-menu .nav-menu > li:nth-child(-n+12),
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+12),
                        .two-mnu-responsive .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+12)
                        { display: block; }
                        
                        .icon-mnu .submenu-more > li,
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more > li,
                        .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more > li,
                        .icon-mnu .submenu-more .mCSB_container > li,
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li,
                        .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more .mCSB_container > li
                        { display: block; }
                        
                        .icon-mnu .submenu-more > li:nth-child(-n+12),
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more > li:nth-child(-n+12),
                        .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more > li:nth-child(-n+12),
                        .icon-mnu .submenu-more .mCSB_container > li:nth-child(-n+12),
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li:nth-child(-n+12),
                        .two-mnu-responsive .sidebar-menu.operation-menu .submenu-more .mCSB_container > li:nth-child(-n+12)
                        { display: none; }
                        
                        .icon-mnu .more-mnu,
                        .two-mnu.icon-mnu .sidebar-menu.operation-menu .more-mnu,
                        .two-mnu-responsive .sidebar-menu.operation-menu .more-mnu
                        { display: none; }
                
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .more-mnu{ display: block; }
                        
                }
                
                
                
                
                
                
                @media (max-height:440px) {
                        .third-mnu .sidebar-menu .nav-menu > li,
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .nav-menu > li
                        {display: none}
                        
                        .third-mnu .sidebar-menu .nav-menu > li:nth-child(-n+4),
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+4)
                        { display: block; }
                        
                        .third-mnu .submenu-more > li,
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .submenu-more > li,
                        .third-mnu .submenu-more .mCSB_container > li,
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li
                        {display: block;}
                        
                        .third-mnu .submenu-more > li:nth-child(-n+4),
                        .two-mnu.third-mnu .sidebar-menu.opertaion-mnu .submenu-more > li:nth-child(-n+4),
                        .third-mnu .submenu-more .mCSB_container > li:nth-child(-n+4),
                        .two-mnu.third-mnu .sidebar-menu.opertaion-mnu .submenu-more .mCSB_container > li:nth-child(-n+4)
                        { display: none !important; }
                        
                        .third-mnu .more-mnu,
                        .two-mnu.third-mnu  .sidebar-menu.operation-mnu .more-mnu
                        { display: block; }
                }
                
                @media (min-height:441px) and (max-height:490px) {
                        .third-mnu .sidebar-menu .nav-menu > li,
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .nav-menu > li
                        {display: none}
                        
                        .third-mnu  .sidebar-menu .nav-menu > li:nth-child(-n+5),
                        .two-mnu.third-mnu  .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+5)
                        { display: block; }
                        
                        .third-mnu .submenu-more > li,
                        .two-mnu.third-mnu  .sidebar-menu.operation-menu .submenu-more > li,
                        .third-mnu .submenu-more .mCSB_container > li,
                        .two-mnu.third-mnu  .sidebar-menu.operation-menu .submenu-more .mCSB_container > li,
                        { display: block;}
                        
                        .third-mnu .submenu-more > li:nth-child(-n+5),
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .submenu-more > li:nth-child(-n+5),
                        .third-mnu .submenu-more .mCSB_container > li:nth-child(-n+5),
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li:nth-child(-n+5)
                        { display: none; }
                        
                        .third-mnu .more-mnu,
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .more-mnu 
                        { display: block; }
                }
                
                @media (min-height:491px) and (max-height:590px) {
                        
                        .third-mnu .sidebar-menu .nav-menu > li,
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .nav-menu > li
                        {display: none}
                        
                        .third-mnu  .sidebar-menu .nav-menu > li:nth-child(-n+6),
                        .two-mnu.third-mnu  .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+6)
                        { display: block; }
                        
                        .third-mnu .submenu-more > li,
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .submenu-more > li,
                        .third-mnu .submenu-more .mCSB_container > li,
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li
                        {display: block;}
                        
                        .third-mnu .submenu-more > li:nth-child(-n+6),
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .submenu-more > li:nth-child(-n+6),
                        .third-mnu .submenu-more .mCSB_container > li:nth-child(-n+6),
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li:nth-child(-n+6)
                        { display: none; }
                        
                        .third-mnu .more-mnu,
                        .two-mnu.third-mnu  .sidebar-menu.operation-menu .more-mnu
                        { display: block; }
                }
                
                @media (min-height:591px) and (max-height:690px) {
                        .third-mnu .sidebar-menu .nav-menu > li,
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .nav-menu > li
                        {display: none}
                        
                        .third-mnu .sidebar-menu .nav-menu > li:nth-child(-n+6),
                        .two-mnu.third-mnu  .sidebar-menu.operation-menu .nav-menu > li:nth-child(-n+6)
                        { display: block; }
                        
                        .third-mnu .submenu-more > li,
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .submenu-more > li,
                        .third-mnu .submenu-more .mCSB_container > li,
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li
                        {display: block;}
                        
                        .third-mnu .submenu-more > li:nth-child(-n+6),
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .submenu-more > li:nth-child(-n+6),
                        .third-mnu .submenu-more .mCSB_container > li:nth-child(-n+6),
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li:nth-child(-n+6)
                        { display: none; }
                        
                        .third-mnu .more-mnu,
                        .two-mnu .third-mnu .sidebar-menu.operation-menu .more-mnu
                        { display: block; }
                }
                @media (min-height:691px) {
                        
                        .third-mnu .sidebar-menu .nav-menu > li,
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .nav-menu > li
                        {display: none}
                        
                        .third-mnu  .sidebar-menu .nav-menu > li:nth-last-child(-n+9),
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .nav-menu > li:nth-last-child(-n+9)
                        { display: block; }
                        
                        .third-mnu .submenu-more > li,
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .submenu-more > li,
                        .third-mnu .submenu-more .mCSB_container > li,
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li
                        { display: block; }
                        
                        .third-mnu .submenu-more > li:nth-child(-n+9),
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .submenu-more > li:nth-child(-n+9),
                        .third-mnu .submenu-more .mCSB_container > li:nth-child(-n+9),
                        .two-mnu.third-mnu .sidebar-menu.operation-menu .submenu-more .mCSB_container > li:nth-child(-n+9)
                        { display: none; }
                        
                        .third-mnu .more-mnu,
                        .two-mnu.third-mnu sidebar-menu.operation-menu .more-mnu
                        { display: block; }
                }*/
                /*=== start for the menu only (by heighht)====*/

                /*for ie only*/
                @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
                    .popover.tour.tour-tour {width: 100%; }
                    .boot-style select{padding-right: 0px !important;}
                }


                /*=== for scrolling only === */
                .sidebar-menu ul.submenu-more .sub-nav,
                .sidebar-menu ul.submenu-more .stybdr 
                {max-height: none !important;}

                .two-mnu .sidebar-menu.main-menu .submenu-more .sub-nav li,
                .two-mnu.icon-mnu .sidebar-menu.main-menu .submenu-more .sub-nav li,
                .two-mnu.third-mnu .sidebar-menu.main-menu .submenu-more .sub-nav li,
                .sidebar-menu.main-menu .submenu-more .sub-nav li,
                .icon-mnu .sidebar-menu.main-menu .submenu-more .sub-nav li,
                .third-mnu .sidebar-menu.main-menu .submenu-more .sub-nav li,
                .icon-mnu .sidebar-menu.operation-menu .submenu-more .sub-nav li,
                .third-mnu .sidebar-menu.operation-menu .submenu-more .sub-nav li
                { display: block !important; }

                .lft-mnu .sidebar-menu.operation-menu .mCustomScrollBox{ height: auto !important; max-height: none !important;}

                .lft-mnu .sidebar-menu.operation-menu .sub-nav,
                .lft-mnu .sidebar-menu.operation-menu .stybdr,
                .rgt-mnu .sidebar-menu.operation-menu .sub-nav,
                .rgt-mnu .sidebar-menu.operation-menu .stybdr
                { height: auto !important; max-height: none !important; }

                .lft-mnu .sidebar-menu.main-menu .mCustomScrollBox{ height: auto; max-height: none; }

                .lft-mnu .sidebar-menu.main-menu .sub-nav.mCS_destroyed,
                .lft-mnu .sidebar-menu.main-menu .sub-nav.mCS_destroyed ul,
                .rgt-mnu .sidebar-menu.main-menu .sub-nav.mCS_destroyed,
                .rgt-mnu .sidebar-menu.main-menu .sub-nav.mCS_destroyed ul
                .operation-lft-mnu .sidebar-menu.operation-menu .sub-nav.mCS_destroyed,
                .operation-lft-mnu .sidebar-menu.operation-menu .sub-nav.mCS_destroyed ul,
                .nonoly-lyt .sidebar-menu.operation-menu .sub-nav.mCS_destroyed,
                .nonoly-lyt .sidebar-menu .sub-nav.mCS_destroyed,
                .sidebar-menu .sub-nav.mCS_destroyed
                { height: auto ; max-height: none !important; }

                /* === for scrolling only === */

                /*pnotify.css for notification*/
                /*.ui-pnotify { height: auto; position: absolute; right: 25px; top: 20px; z-index: 9999; }
                html > body > .ui-pnotify { position: fixed; }
                .ui-pnotify .ui-pnotify-shadow { border-radius: 0px; }
                .ui-pnotify-container { background-position: 0 0; height: 100%; margin: 0; padding: 10px 12px !important; }
                .ui-pnotify-sharp { border-radius: 0; }
                .ui-pnotify-title { display: block; margin-bottom: 0.4em; margin-top: 0; }
                .ui-pnotify-text { display: block; font-size: 13px; }
                .ui-pnotify-icon,
                .ui-pnotify-icon span { display: block; float: left; } .ui-pnotify-icon span { margin-right: 10px;}
                .ui-pnotify.stack-topleft,
                .ui-pnotify.stack-bottomleft { left: 25px; right: auto; }
                .ui-pnotify.stack-bottomright, .ui-pnotify.stack-bottomleft { bottom: 25px; top: auto; } .ui-pnotify-closer { display: inline; float: right; padding-left: 5px;} .ui-pnotify-sticker { display: inline; float: right; padding-left: 5px; }
                .ui-pnotify-container .btn.btn-default.btn-primary{}
                pnotify.css for notification
                .login-bg{ background: url(../images/login_BG.jpg) no-repeat top center;}
                .mobifin-logo .icon{ width:200px; height:80px;}
                .mobifin-logo .path2{ left:103px; line-height:normal; font-size:60px;}
                
                .mobifin-logo .path1::before, .mobifin-logo .path2::before{color:#fff !important; font-size:100px;}
                
                .loginsidebox_img{
                        background: url(../images/loin_box_bg.png) no-repeat top center;
                        width: 290px;
                        height: 500px;
                        -moz-border-radius: 5px / 8px;
                        -webkit-border-radius: 5px / 8px;
                        border-radius: 5px / 8px;
                        -moz-background-clip: padding;
                        -webkit-background-clip: padding-box;
                        background-clip: padding-box;
                        background-color: #025895;
                        -moz-box-shadow: 5px -5px 30px rgba(0,0,0,.3);
                        -webkit-box-shadow: 5px -5px 30px rgba(0,0,0,.3);
                        box-shadow: 5px -5px 30px rgba(0,0,0,.3);
                        position:absolute; top:-20%; left:-75%;	
                }*/

                .form-wiz-page .fill-circle-wiz .wizard-nav li a .step-count .icon{ line-height: 30px; width: 30px; height: 30px; font-size: 20px; display: block; /*background: #fff;*/ border-radius: 50%; }
                .form-wiz-page .fill-circle-wiz .wizard-nav li a .step-count{ width: 40px; height: 40px; line-height: 40px; padding: 5px; }
                .form-wiz-page .fill-circle-wiz .wizard-nav li a{padding: 0px;}
                .form-wiz-page .fill-circle-wiz .progress{ width: 76%; left: 12%; }
                .form-wiz-page .fill-circle-wiz .wizard-nav{ position: relative; }
                .form-wiz-page .navbar{ margin-bottom: 20px; margin-top: 20px;}
                .form-wiz-page .fill-circle-wiz .wizard-nav li.previous a .step-count .icon:before{ content: "\e9d4"; font-family: 'android-icon' !important; }
                .form-wiz-page .fill-circle-wiz .wizard-nav li.previous a .step-count .icon { background: #35d672;}
                .form-wiz-page .fill-circle-wiz .wizard-nav .progress .bar{background: rgba(53,214,115,1) !important;
                                                                           background: -moz-linear-gradient(left, rgba(53,214,115,1) 0%, rgba(53,214,115,1) 86%, rgba(100,154,225,1) 100%) !important;
                                                                           background: -webkit-gradient(left top, right top, color-stop(0%, rgba(53,214,115,1)), color-stop(86%, rgba(53,214,115,1)), color-stop(100%, rgba(100,154,225,1))) !important;
                                                                           background: -webkit-linear-gradient(left, rgba(53,214,115,1) 0%, rgba(53,214,115,1) 86%, rgba(100,154,225,1) 100%) !important;
                                                                           background: -o-linear-gradient(left, rgba(53,214,115,1) 0%, rgba(53,214,115,1) 86%, rgba(100,154,225,1) 100%) !important;
                                                                           background: -ms-linear-gradient(left, rgba(53,214,115,1) 0%, rgba(53,214,115,1) 86%, rgba(100,154,225,1) 100%) !important;
                                                                           background: linear-gradient(to right, rgba(53,214,115,1) 0%, rgba(53,214,115,1) 86%, rgba(100,154,225,1) 100%) !important;
                                                                           filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35d673', endColorstr='#649ae1', GradientType=1 ); -webkit-box-shadow: 33px -1px 59px 56px rgba(100,154,225,1) !important;
                                                                           -moz-box-shadow: 33px -1px 59px 56px rgba(100,154,225,1) !important;
                                                                           box-shadow: 33px -1px 59px 56px rgba(100,154,225,1) !important;}
                .form-wiz-page .fill-circle-wiz .wizard-nav li.previous a .step-count{color: #fff;}
                .form-wiz-page .fill-circle-wiz .wizard-nav li.previous a .step-text{ color: rgba(0, 0, 0, 0.6);}
                .form-wiz-page .fill-circle-wiz .wizard-nav.nav-pills > li.previous > a .step-count,
                .form-wiz-page .fill-circle-wiz .wizard-nav.nav-pills > li.active > a .step-count{ border-color: rgba(0, 0, 0, 0.15);}
                .form-wiz-page .fill-circle-wiz .wizard-nav.nav-pills > li > a .step-count{ }


                .form-wiz-page .fill-circle-wiz .progress{ 

                }



                /*line-circle*/
                .form-wiz-page .fill-circle-wiz.line-circle .wizard-nav.nav-pills > li > a .step-count{ background: #fff; box-shadow: none !important; }
                .form-wiz-page .fill-circle-wiz.line-circle .wizard-nav li.previous a .step-count .icon{ background: transparent;}
                .form-wiz-page .fill-circle-wiz.line-circle .wizard-nav li.previous a .step-count{color:#4bc076; }
                .form-wiz-page .fill-circle-wiz.line-circle .wizard-nav li.previous .step-text,
                .form-wiz-page .fill-circle-wiz.line-circle .wizard-nav li.previous a .step-text
                {color: #4bc076}
                .form-wiz-page .fill-circle-wiz.line-circle .wizard-nav.nav-pills > li.previous > a .step-count{ border-color: #4bc076;}
                .form-wiz-page .fill-circle-wiz.line-circle .wizard-nav li .step-text{text-transform: uppercase; font-weight: normal;}


                .form-wiz-page .fill-circle-wiz.three .wizard-nav li{width: 33% !important; display: inline-block;}
                .form-wiz-page .fill-circle-wiz.three .progress{ max-width: 69%; left: 15%; }

                .panel-info.border-bottom-panel{clear: both;}
                .panel-info > .panel-heading{clear: both;}
                .panel-group{clear: both; }
                .basic-style.table-all .input-width .form-inline.boot-style .width-67{ width: 100%; }
                .basic-style.table-all .input-width .form-inline.boot-style .control-label,
                .basic-style.table-all .input-width .form-inline.boot-style span.control-label,
                .basic-style.table-all .input-width .form-inline.boot-style label.control-label,
                .basic-style.table-all .input-width .form-inline.boot-style label {display: none;}
                .basic-style.table-all .input-width .form-inline.boot-style .width-67 .form-group{ margin-bottom: 0px; }

                .basic-style.table-all .input-width .form-inline.boot-style .width-67 .type-commision{ width: 55px;}



                .panel > .table-responsive:first-child > .basic-style.table:first-child > thead:first-child > tr:first-child th:last-child,
                .panel > .table-responsive:first-child > .basic-style.table:first-child > thead:first-child > tr:first-child th:first-child
                {
                    border-top-right-radius: 0px; border-top-left-radius: 0px;
                } 

                .boot-style.three-input .control-label,
                .boot-style.two-input .control-label,
                .boot-style.one-input .control-label,
                .boot-style.three-input span.control-label,
                .boot-style.two-input span.control-label,
                .boot-style.one-input span.control-label,
                .boot-style.three-input label.control-label,
                .boot-style.two-input label.control-label,
                .boot-style.one-input label.control-label,
                .boot-style.three-input label,
                .boot-style.two-input label,
                .boot-style.one-input label { display: inline-block; width: 33%; text-align: right; float: left; line-height: 31px;
                                              padding-right: 6px; font-weight: normal;}

                .display-block {display: block;}
                .btn-lineheight {line-height: 40px;}
                .max-width-th-sr {width: 40px !important;}
                .max-width-th-ch {width: 20px !important;}
                .max-width-th-ac {width: 110px !important;}
                .no-sorting:after, .no-sorting:before {display: none !important;}
                .changes-table-wrpr table.dataTable.changes-table thead>tr>th.sorting.no-sorting, .changes-table-wrpr table.dataTable.changes-table thead>tr>th.sorting_desc.no-sorting, .changes-table-wrpr table.dataTable.changes-table thead>tr>th.sorting_asc.no-sorting {padding-right: 12px !important;}
                .header-right-option {float: right;}
                .header-left-option {float: left;}

                .trriple-reminder-select {width: 290px; margin: 10px 0px 0px 0px;}
                .reminder-select-box-container { float: left; border-left: 1px solid #eee;}
                .reminder-select-box {float: left; font-size: 12px; text-align: center; width: 40px; height: 40px; line-height: 40px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; cursor: pointer; transition-duration: 0.5s; background-color: rgba(0,0,0,0);}
                .reminder-select-box.in-first-raw {border-top: 1px solid #eee;}
                .reminder-select-box:hover { background-color: rgba(0,0,0,0.04);}
                .reminder-select-box1 {float: left; font-size: 12px; text-align: center; width: 40px; height: 40px; line-height: 40px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; cursor: pointer; transition-duration: 0.5s; background-color: rgba(0,0,0,0);}
                .reminder-select-box1.in-first-raw {border-top: 1px solid #eee;}
                .reminder-select-box1:hover { background-color: rgba(0,0,0,0.04);}
                .reminder-select-box1.disabled {color: rgba(0,0,0,0.2); background-color: rgba(0,0,0,0.01); cursor: not-allowed;}
                .reminder-select-box.disabled {color: rgba(0,0,0,0.2); background-color: rgba(0,0,0,0.01); cursor: not-allowed;}
                .reminder-select-box.selected {color: rgba(255,255,255,1); background-color: #4bc076;}

                .receipt-logo img {width: 50%;/*float: left;*/padding-bottom: 10px;}

                .payment-request {
                    width: 320px;
                    background-color: #FFF;
                    padding : 5px !important;
                    border-radius: 4px;
                    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
                }

                .payment-request .customer-content {
                    max-height: 320px;
                    overflow: auto;
                }

                .payment-request .recent-transaction-div {
                    cursor: pointer;
                    padding : 10px !important;
                    margin: 0px !important;
                }

                .payment-request .recent-transaction-div:hover {
                    background-color: #eee;
                }

                .payment-request .recent-transaction-img img {
                    border-radius: 40px;
                    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
                    overflow: hidden;
                }

                .noti-link {color: #226e9e !important; margin: 9px 0px 0px 0px; text-decoration: underline !important; font-size: 10px; width: 100%; text-align: center;}
                .noti-link:hover {background-color: transparent !important;}
                .Hidden { display: none; }