body{
	margin:0px;
	padding:0px;
	overflow-x:hidden;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	background:#FAFBFF;
}

h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight:normal;}
p{ margin:0px; padding:0px;}
a{ text-decoration:none; -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}
.btn{ -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear; }
a:hover, a:focus, a:active{ outline:none; text-decoration:none; }
input:hover, input:focus, input:active{ outline:none;}
ul{ margin:0px; padding:0px;}
ul li{ list-style-type:none;}
img{ border:0px; -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}
:before, :after{ -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.pull-left{ float:left;}
.pull-right{ float:right;}
.clearfix{ clear:both; overflow:hidden;}
.wrapper{ margin:0px auto; overflow:hidden;}
.btn:focus, .btn.focus{ box-shadow:0 0 0 0rem rgba(0, 0, 0, 0);}

/*--------------- COMMON_START ---------------*/
.common-btn-hp{ min-width:208px; background:#00B8E4; border:solid 2px #00B8E4; border-radius:56px; font-size:16px; line-height:52px; color:#fff; font-weight:700; margin:0px; padding:0px 24px;}
.common-btn-hp:hover{ background:none; color:#00B8E4;}




/*--------------- COMMON_END ---------------*/

/*--------------- HEADER_START --------------*/
#header{ margin:0px; padding:0px;}
/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/
#contain{ margin:0px; padding:0px; height:100%;}
.login-block-main-lp{ margin:0px; padding:0px; width:100%;}
.login-block-in-lp{ margin:0px; padding:0px; height:100vh;}
.login-left-box-lp{ width:calc(100% - 43%); float:left; margin:0px; padding:0px; height:100%;}
.login-box-main-lp{ width:700px; float:right; margin:0px; padding:0px 120px 0px; position:relative; height:100%;}
.login-box-logo-lp{ margin:0px; padding:0px; position:absolute; left:120px; top:79px;}
.login-box-logo-lp img{ height:38px; }
.login-info-main-lp{ margin:0px; padding:0px; display:flex; align-items:center; height:100%;}
.login-info-in-lp{ margin:0px; padding:0px 0px 8px; width:100%;}
.login-info-tit-lp{ margin:0px; padding:0px;}
.login-info-tit-lp h2{ font-size:48px; line-height:52px; color:#000; font-weight:600; letter-spacing:-1px; margin:0px; padding:0px 0px 41px;}
.login-form-lp{ margin:0px; padding:0px;}
.login-field1-lp{ margin:0px 0px 17px; padding:0px;}
.login-field1-tit-lp{ font-size:16px; line-height:24px; color:#8F94A3; font-weight:600; margin:0px; padding:0px 0px 7px;}
.login-field1-tbox-lp{ margin:0px; padding:0px; position:relative;}
.login-field1-tbox-lp input{ border:2px solid #E4E8F4; border-radius:12px; background:#fff; width:100%; height:56px; font-size:13px; line-height:20px; color:#000; font-family: 'Montserrat', sans-serif; font-weight:500; margin:0px; padding:16px 64px 16px 50px; position:relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.login-field1-tbox-lp:before{ display:block; font-family: "Font Awesome 5 Pro"; content:"\f0e0"; font-weight:400; position:absolute; left:2px; top:16px; width:50px; height:24px; font-size:20px; line-height:24px; color:#00B8E4; text-align:center; z-index:1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.login-field1-tbox-lp:after{ display:none; font-family: "Font Awesome 5 Pro"; content:"\f00c"; font-weight:400; position:absolute; right:2px; top:16px; width:64px; height:24px; font-size:20px; line-height:24px; color:#26CB68; text-align:center; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.login-field2-tbox-lp:before{ display:block; font-family: "Font Awesome 5 Pro"; content:"\f30d"; font-weight:400; position:absolute; left:2px; top:16px; width:50px; height:24px; font-size:20px; line-height:24px; color:#00B8E4; text-align:center; z-index:1; }
.login-field2-tbox-lp:after{ display:none; font-family: "Font Awesome 5 Pro"; content:"\f00c"; font-weight:400; position:absolute; right:2px; top:16px; width:64px; height:24px; font-size:20px; line-height:24px; color:#26CB68; text-align:center;}
.login-field1-tbox-lp input::-webkit-input-placeholder{ color:#C4C8D4; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.login-field1-tbox-lp input::-moz-placeholder{ color:#C4C8D4; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.login-field1-tbox-lp input:-ms-input-placeholder{ color:#C4C8D4; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.login-field1-tbox-lp input:-moz-placeholder{ color:#C4C8D4; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.login-field1-tbox-lp input:focus::-webkit-input-placeholder{ color:#000000;}
.login-field1-tbox-lp input:focus::-moz-placeholder{ color:#000000;}
.login-field1-tbox-lp input:focus:-ms-input-placeholder{ color:#000000;}
.login-field1-tbox-lp input:focus:-moz-placeholder{ color:#000000;}
.login-field2-lp{ margin-bottom:8px;}
.login-field-correct-lp .login-field1-tbox-lp input{ border-color:#26CB68;}
.login-field-correct-lp .login-field1-tbox-lp:before{ color:#26CB68;}
.login-field-correct-lp .login-field1-tbox-lp:after{ color:#26CB68; display:block;}
.login-field-error-lp .login-field1-tbox-lp input{ border-color:#FF0000; background:#FFEBEB; color:#660000;}
.login-field-error-lp .login-field1-tbox-lp:before{ color:#FF0000;}
.forgot-pass-link-lp{ margin:0px; padding:0px 0px 20px;}
.forgot-pass-link-lp a{ float:right; display:block; text-decoration:underline; font-size:13px; line-height:20px; color:#00B8E4; font-weight:500; margin:0px; padding:0px;}
.error-box-main-lp{ position:absolute; left:120px; bottom:96px; background:#FF0000; box-shadow:0px 8px 32px rgba(35, 63, 146, 0.16); border-radius:16px; width:358px; height:56px; margin:0px; padding:16px 24px 16px 24px; font-size:0px; text-align:center;}
.error-text-lp{ display:inline-block; vertical-align:top; font-size:13px; line-height:24px; color:#fff; font-weight:600; margin:0px; padding:0px;}
.error-text-lp i{ vertical-align:top; font-size:24px; color:#660000; padding-right:20px;}
.error-reset-lp{ display:inline-block; vertical-align:top; margin:0px; padding:0px;}
.error-reset-lp a{ display:block; text-decoration:underline; font-size:13px; line-height:24px; color:#fff; letter-spacing:-0.5px; font-weight:700; margin:0px; padding:0px 25px;}
.error-box-close-lp{ display:inline-block; vertical-align:top; margin:0px; padding:0px 2px;}
.error-box-close-lp a i{ display:block; font-size:16px; line-height:24px; color:#FFEBEB;}
.login-right-box-lp{ width:43%; height:100%; float:right; margin:0px; padding:0px; background-blend-mode:darken;}
/*--------------- CONTAIN_END --------------*/

/*--------------- FOOTER_START --------------*/
#footer{ margin:0px; padding:0px;}
/*--------------- FOOTER_END --------------*/

/*--------------- DASHBOARD_START --------------*/
.sidebar-main-dbp{ margin:0px; padding:0px; position:fixed; left:0px; top:0px; width:264px; height:100%; background:#fff; box-shadow:8px 0px 16px rgba(228,232,244,0.5); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; z-index:99999999;}
.logo-main-dbp{ margin:31px 32px 24px 32px; padding:0; height:38px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.logo-main-dbp a{ display:block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.logo-main-dbp a img{ height:38px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}

.sidebar-info-box-dbp{ height:calc(100% - 196px);}
.board-dmenu-dbp{ margin:0px; height:64px; padding:0px 16px 12px;}
.board-dmenu-dbp .btn{ background:#F7F9FF; background-size:auto 14px; border-radius:12px; width:100%; padding:12px 40px 12px 16px; text-align:left; display:table; align-item:center;}
.board-menu-logo-dbp{ width:40px; height:40px; background:#fff; border:solid 1px #E4E8F4; border-radius:8px; margin:0px; padding:6px 6px 6px; display:table-cell; vertical-align:middle;}
.board-menu-logo-dbp img{ max-width:100%; max-height:100%;}
.board-menu-text-dbp{ width:calc(100% - 40px); margin:0px; padding:0px 0px 0px 12px; display:table-cell; vertical-align:middle; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.board-mtagline-dbp{ font-size:10px; line-height:12px; color:#8F94A3; font-weight:700; padding:3px 0px 2px; margin:0px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.board-mname-dbp{ font-size:16px; line-height:16px; color:#000; font-weight:600; padding:0px; margin:0px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.board-dmenu-dbp .dropdown-toggle::after{ display:none;}
.board-dmenu-dbp .dropdown-menu{ margin:-12px 0px 0px; padding:12px 0px 0px; background:#F7F9FF; border-radius:0px 0px 12px 12px; min-width:inherit; width:calc(100% - 32px); border:0px; overflow:hidden; }
.board-dmenu-dbp .dropdown-item{ padding:10px 16px 10px;}
.board-dmenu-dbp .dropdown-item.active, .board-dmenu-dbp .dropdown-item:active{ background:none;}
.sidebar-nav-dbp{ margin:0px; padding:0px; height:calc(100% - 76px);}
.sidebar-nav-dbp .optiscroll-content{ right:-20px !important;}
.sidebar-nav-in-dbp{ margin:0px; padding:0px; width:calc(100% + 17px);}
.sidebar-menu1-dbp{ margin:0px; padding:0px; border-bottom:solid 1px #E4E8F4;}
.sidebar-menu1-tit-dbp{ font-size:13px; line-height:20px; color:#C4C8D4; font-weight:700; text-transform:uppercase; letter-spacing:-0.5px; margin:8px 0px 0px; padding:18px 33px 18px 33px;}
.sidebar-menu-list-dbp{ margin:0px; padding:4px 0px 60px;}
.sidebar-menu-list-dbp ul{ margin:0px; padding:0px;}
.sidebar-menu-list-dbp ul li{ padding:0px 16px 8px;}
.sidebar-menu-icon-dbp{ display:table-cell; vertical-align:top; margin:0px; padding:0px; width:48px; text-align:center; position:relative;}
.sidebar-menu-icon-dbp i{ font-size:20px; color:#8F94A3; line-height:24px; vertical-align:top; margin:0px; padding:12px 0px 12px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.sidebar-menu-icon-dbp .notifi-menu-number-dbp{ top:9px; right:3px; opacity:0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}

.sidebar-menu-text-dbp{ display:table-cell; vertical-align:top; width:calc(100% - 48px); font-size:14px; line-height:48px; color:#8F94A3; font-weight:600; margin:0px; padding:0px 40px 0px 0px; position:relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.notifi-menu-number-dbp{ position:absolute; right:20px; top:calc(50% - 8px); width:16px; height:16px; line-height:16px; background:#FF005C; border-radius:20px; font-size:11px; font-weight:500; text-align:center; color:#fff; margin:0px; padding:0px;}
#cssmenu > ul > li > a{ padding:0px 4px 0px; font-size:0px; color:inherit; background:#fff; border-radius:12px; display:table; width:100%;}
#cssmenu ul ul{ padding:4px 0px 0px;}
#cssmenu ul ul a{ font-size:13px; line-height:20px; color:#8F94A3; font-weight:600; padding:10px 40px 10px 54px; position:relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
#cssmenu ul ul a span{ position:absolute; right:20px; top:12px; font-size:11px; width:16px; height:16px; line-height:16px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
#cssmenu ul ul li{ position:relative; display:block;}
#cssmenu ul ul li:before{ content:""; position:absolute; left:28px; top:0px; width:1px; height:12px; background:#E4E8F4; margin:0px; padding:0px;}
#cssmenu ul ul li:after{ content:""; position:absolute; left:28px; bottom:0px; width:1px; height:12px; background:#E4E8F4; margin:0px; padding:0px;}
#cssmenu ul ul a:after{ content:""; position:absolute; left:24px; top:15px; width:9px; height:9px; background:#C4C8D4; border-radius:10px; margin:0px; padding:0px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
#cssmenu ul ul li:last-child:after{ display:none;}
#cssmenu ul ul li.active-in-menu-dbp{}
#cssmenu ul ul li a:hover{ color:#000;}
#cssmenu ul ul li a:hover:after{ background:#00B8E4;}
#cssmenu ul ul li.active-in-menu-dbp a{ color:#000;}
#cssmenu ul ul li.active-in-menu-dbp a:after{ background:#00B8E4;}
#cssmenu > ul > li.active > a{ background:#F0FCFF;}
#cssmenu > ul > li.active > a .sidebar-menu-icon-dbp i{ color:#00B8E4;}
#cssmenu > ul > li.active > a .sidebar-menu-text-dbp{ color:#006199;}
.reduce-btn-dbp{ margin:0px; padding:28px 16px 28px;}
.reduce-btn-dbp a{ display:block; background:#F0FCFF; border-radius:12px; font-size:px; line-height:48px; color:#006199; margin:0px; padding:0px 16px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.reduce-btn-dbp a i{ font-size:20px; line-height:48px; color:#00B8E4; vertical-align:top; margin-right:12px;}

/*----- SIDEBAR_REDUCE_START -----*/
.reduce-sidebar-dbp .sidebar-main-dbp{ width:88px; overflow:hidden;}
.reduce-sidebar-dbp .content-main-dbp{ margin-left:88px; width:calc(100% - 88px);}
.reduce-sidebar-dbp .logo-main-dbp{ width:34px; height:38px; overflow:hidden; margin:31px 0px 24px 32px; 31px 32px 24px 32px}
.reduce-sidebar-dbp .board-dmenu-dbp .btn{ padding:12px 0px 12px 16px; display:block; border-radius:12px 0px 0px 12px;}
.reduce-sidebar-dbp .board-menu-text-dbp{ padding:0px;}
.reduce-sidebar-dbp .board-mtagline-dbp{ font-size:0px;}
.reduce-sidebar-dbp .board-mname-dbp{ font-size:0px;}
.reduce-sidebar-dbp .board-dmenu-dbp{ padding-right:0px;}
.reduce-sidebar-dbp .board-dmenu-dbp .dropdown-menu{ width:calc(100% - 16px); border-radius:0px 0px 0px 12px;}
.reduce-sidebar-dbp .board-dmenu-dbp .dropdown-item{ padding:10px 0px 10px 16px;}
.reduce-sidebar-dbp .sidebar-menu1-tit-dbp{ opacity:0;}
.reduce-sidebar-dbp .sidebar-menu-list-dbp ul li{ padding:0px 0px 8px 16px;}
.reduce-sidebar-dbp .sidebar-menu-text-dbp{ font-size:0px; padding:0px;}
.reduce-sidebar-dbp #cssmenu > ul > li.active > a{ border-radius:12px 0px 0px 12px;}
.reduce-sidebar-dbp #cssmenu ul ul a{ font-size:0px; padding-right:0px;}
.reduce-sidebar-dbp #cssmenu ul ul a span{ font-size:0px;}
.reduce-sidebar-dbp .reduce-btn-dbp{ padding:28px 0px 28px 16px;}
.reduce-sidebar-dbp .reduce-btn-dbp a{ border-radius:12px 0px 0px 12px;  font-size:0px;}
.reduce-sidebar-dbp .notifi-menu-number-dbp{ opacity:0;}
.reduce-sidebar-dbp .sidebar-menu-icon-dbp .notifi-menu-number-dbp{ opacity:1;}
/*----- SIDEBAR_REDUCE_END -----*/

@media(min-width:0px) and (max-width:1439px){
/*----- SIDEBAR_REDUCE_START -----*/
.reduce-sidebar-mob-dbp .sidebar-main-dbp{ width:88px; overflow:hidden;}
.reduce-sidebar-mob-dbp .content-main-dbp{ margin-left:88px; width:calc(100% - 88px);}
.reduce-sidebar-mob-dbp .logo-main-dbp{ width:34px; height:38px; overflow:hidden; margin:31px 0px 24px 32px; 31px 32px 24px 32px}
.reduce-sidebar-mob-dbp .board-dmenu-dbp .btn{ padding:12px 0px 12px 16px; display:block; border-radius:12px 0px 0px 12px;}
.reduce-sidebar-mob-dbp .board-menu-text-dbp{ padding:0px;}
.reduce-sidebar-mob-dbp .board-mtagline-dbp{ font-size:0px;}
.reduce-sidebar-mob-dbp .board-mname-dbp{ font-size:0px;}
.reduce-sidebar-mob-dbp .board-dmenu-dbp{ padding-right:0px;}
.reduce-sidebar-mob-dbp .board-dmenu-dbp .dropdown-menu{ width:calc(100% - 16px); border-radius:0px 0px 0px 12px;}
.reduce-sidebar-mob-dbp .board-dmenu-dbp .dropdown-item{ padding:10px 0px 10px 16px;}
.reduce-sidebar-mob-dbp .sidebar-menu1-tit-dbp{ opacity:0;}
.reduce-sidebar-mob-dbp .sidebar-menu-list-dbp ul li{ padding:0px 0px 8px 16px;}
.reduce-sidebar-mob-dbp .sidebar-menu-text-dbp{ font-size:0px; padding:0px;}
.reduce-sidebar-mob-dbp #cssmenu > ul > li.active > a{ border-radius:12px 0px 0px 12px;}
.reduce-sidebar-mob-dbp #cssmenu ul ul a{ font-size:0px; padding-right:0px;}
.reduce-sidebar-mob-dbp #cssmenu ul ul a span{ font-size:0px;}
.reduce-sidebar-mob-dbp .reduce-btn-dbp{ padding:28px 0px 28px 16px;}
.reduce-sidebar-mob-dbp .reduce-btn-dbp a{ border-radius:12px 0px 0px 12px;  font-size:0px;}
.reduce-sidebar-mob-dbp .notifi-menu-number-dbp{ opacity:0;}
.reduce-sidebar-mob-dbp .sidebar-menu-icon-dbp .notifi-menu-number-dbp{ opacity:1;}
/*----- SIDEBAR_REDUCE_END -----*/
}

.content-main-dbp{ margin:0px 0px 0px 264px; padding:92px 60px 0px; width:calc(100% - 264px); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; position:relative; height:100vh;}

.top-bar-main-dbp{ margin:0px; padding:32px 60px 20px 60px; position:absolute; left:0px; top:0px; width:100%; background:#FAFBFF; height:92px;}
.tbar-info-dbp{ float:left; font-size:13px; line-height:40px; color:#C4C8D4; font-weight:600; margin:0px; padding:0px;}
.tbar-right-dbp{ float:right; margin:0px; padding:0px;}
.tbar-search-main-dbp{ float:left; margin:0px 24px 0px 0px; padding:0px; position:relative;}
.tbar-search-box-dbp{ position:absolute; right:0px; top:0px; margin:0px; padding:0px; width:0; overflow:hidden; height:40px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.tbar-search-box-dbp input{ background:#fff; border-radius:40px; border:2px solid #76DCF4; box-shadow:0px 0px 8px #76DCF4; width:100%; font-size:16px; line-height:36px; color:#000; font-weight:600; margin:0px; padding:0px 40px 0px 25px; float:right;}
.tbar-search-box-dbp input::-webkit-input-placeholder{ color:#C4C8D4; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.tbar-search-box-dbp input::-moz-placeholder{ color:#C4C8D4;}
.tbar-search-box-dbp input:-ms-input-placeholder{ color:#C4C8D4;}
.tbar-search-box-dbp input:-moz-placeholder{ color:#C4C8D4;}
.tbar-search-icon-dbp{ width:40px; height:40px; background:#fff; border-radius:40px; box-shadow:0px 2px 2px rgba(196,200,212,0.5); margin:0px; padding:0px; position:relative; z-index:9; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.tbar-search-icon-dbp a{ width:100%; height:100%; display:block; text-align:center; margin:0px; padding:0px;}
.tbar-search-icon-dbp a i{ display:block; vertical-align:top; font-size:15px; line-height:40px; color:#8F94A3;}
.search-bar-open-dbp .tbar-search-box-dbp{ width:380px; overflow:inherit;}
.search-bar-open-dbp .tbar-search-icon-dbp{ background:none; box-shadow:0px 2px 2px rgba(196,200,212,0)}
.user-dmenu-dbp{ float:left; margin:0px; padding:0px 0px 0px 24px; border-left:solid 1px #C4C8D4;}
.user-dmenu-dbp .btn{ padding:0px 0px 0px; border:0px; border-radius:0px; font-size:0px;}
.user-dmenu-dbp .dropdown-toggle::after{ display:none;}
.user-dmenu-logo-dbp{ display:inline-block; vertical-align:top; width:40px; height:40px; background:#004166; text-align:center; font-size:18px; line-height:40px; color:#fff; font-weight:600; border-radius:40px; margin:0px; padding:0px;}
.user-dmenu-name-dbp{ display:inline-block; vertical-align:top; width:calc(100% - 40px); font-size:13px; line-height:40px; color:#000; font-weight:600; margin:0px; padding:0px 0px 0px 12px;}
.user-dmenu-dbp .dropdown-menu{ margin:10px 0px 0px; padding:0px 0px 0px; border:0px; border-radius:0px 0px 8px 8px; overflow:hidden;}
.user-dmenu-dbp .dropdown-item{ font-size:13px; line-height:20px; font-weight:500; color:#000; padding:10px 16px 10px; text-align:right;}
.user-dmenu-dbp .dropdown-item:hover{ background:#F0FCFF; color:#006199;}

.logo-main-mob-dbp{ float:left; margin:1px 0px 1px; padding:0px; display:none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.logo-main-mob-dbp img{ height:38px;}

/*----- MOBILE_MENU_START -----*/
.mobile-menu-icon-dbp{ margin:8px 0px 8px 10px; padding:0; display:none; float:right;}
.menu-toggle-btn-hp{ margin:0px; padding:4px 0px 4px; width:24px; height:24px; cursor:pointer; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.menu-toggle-btn-hp span{ background:#00B8E4; display:block; width:24px; height:2px; border-radius:4px; margin:0px 0px 5px 0px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.menu-toggle-btn-hp span:last-child{ margin-bottom:0px;}
.menu-toggle-btn-hp.open span:nth-child(1), .menu-toggle-btn-hp.open span:nth-child(3){ transform: translate(0px, 7px) rotate(-45deg) scalex(1); margin-bottom:0px;}
.menu-toggle-btn-hp.open span:nth-child(2){ height:0; margin-bottom:0px;}
.menu-toggle-btn-hp.open span:nth-child(3){ transform: translate(0px, 5px) rotate(45deg) scalex(1);}
.hide-scroll{ overflow:hidden !important;}
/*----- MOBILE_MENU_END -----*/




.content-in-dbp{ margin:0px; padding:0px; height:100%;}
.title-main-dbp{ margin:0px; padding:5px 0px 36px;}
.title-main-dbp h2{ font-size:36px; line-height:40px; color:#000000; font-weight:600; letter-spacing:-0.5px; margin:0px; padding:0px 0px 9px;}
.title-main-dbp p{ font-size:16px; line-height:24px; color:#8F94A3; font-weight:600; margin:0px; padding:0px;}
.contracts-block-main-dbp{ margin:0px; padding:0px;}
.contracts-block-main-dbp .row{ margin:0px -32px; font-size:0px;}
.contracts-box1-dbp{ margin:0px; padding:0px 32px; display:inline-block; vertical-align:top;}
.contracts-box1-tit-dbp{ margin:0px; padding:44px 0px 22px;}
.contracts-box1-tit-dbp p{ font-size:16px; line-height:24px; color:#8F94A3; font-weight:600; margin:0px; padding:0px;}
.contracts-box1-tit-dbp p span{ display:block; font-size:13px; line-height:20px; font-weight:500; margin:0px; padding:0px;}
.contra-box-tit-text-dbp{ font-size:24px; line-height:28px; color:#000; font-weight:600; margin:0px; padding:0px 0px 7px;}
.contract-info-box-main-dbp{ width:100%; background:#fff; border-radius:16px; box-shadow:0px 8px 16px rgba(228,232,244,0.5);}
.contract-info-box1-dbp{ min-height:128px; margin:0px; padding:28px 32px 28px 32px; border-bottom:solid 1px #E4E8F4; display:table; width:100%;}
.contract-info-box2-dbp{ border-bottom:0px;}
.contr-info-box-icon-dbp{ background:#F0FCFF; color:#00B8E4; width:72px; height:72px; border-radius:24px; margin:0px; padding:0px; display:table-cell; vertical-align:middle; text-align:center;}
.contr-info-box-icon-dbp i{ font-size:32px; vertical-align:middle;}
.contr-info-box-text-dbp{ width:calc(100% - 72px); margin:0px; padding:0px 0px 0px 32px; display:table-cell; vertical-align:middle;}
.contr-info-box-number-dbp{ font-size:36px; line-height:40px; color:#000; font-weight:600; padding:0px 0px 5px; margin:0px;}
.contr-info-box-text-dbp p{ font-size:16px; line-height:24px; color:#8F94A3; font-weight:600; padding:0px; margin:0px;}
.contr-yellow-icon-dbp{ background:#FFF9EB; color:#FFB800;}
.contr-green-icon-dbp{ background:#EBFFF3; color:#26CB68;}
.contr-red-icon-dbp{ background:#FFEBEB; color:#FF0000;}

/*--------------- DASHBOARD_END --------------*/


/*--------------- LIST_PAGE_START --------------*/
.list-right-lip{ padding:0px 0 0 0; height:100%; }
.company-title-lip{ width:190px; padding:0px 0 0 0; }
.company-name-lip{ font-weight: 600; font-size: 16px; line-height:24px; color: #8F94A3; padding:10px 0 0 0; }
.company-folders-lip{ font-weight: 600; font-size: 36px; line-height:40px; letter-spacing: -0.5px; color: #000000; }
.list-table-lip{ }
.list-filter-lip{ width:calc(100% - 190px); float:right;  margin-top: -41px; }
.list-filter-left-lip{ float:left; padding:16px 0 0 0; }
.list-filter-left-lip ul{ font-size:0;}
.list-filter-left-lip ul li{ display:inline-block; margin-right:35px; }
.list-filter-left-lip ul li:last-child{ margin-right:0px; }
.list-filter-left-lip ul li a{ font-weight: 600; font-size: 20px; line-height:23px; color: #8F94A3; position:relative; display:block; padding:0 0 0px 0; }
.list-filter-left-lip ul li a:after{ content:''; position:absolute; bottom:-7px; left:0; width:100%; height:2px; background:transparent; }
.list-filter-left-lip ul li a.active{ color:#000; }
.list-filter-left-lip ul li a.active:after{ background:#00B8E4; }
.list-filter-left-lip ul li a:hover{ color:#000; }
.list-filter-left-lip ul li a:hover:after{ background:#00B8E4; }
.list-filter-right-lip{ float:right;}
.filter-btn-lip{ min-width:110px; text-align:center; display:inline-block; }
.filter-btn-lip a{ position:relative; display:block; border: 2px solid #E4E8F4; font-size: 12px; line-height:12px; color: #8F94A3; font-weight:700; padding:13px 10px 12px 10px; border-radius:40px; }
.filter-btn-lip a:after{ content:"\f3f2"; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size:16px; color:#8F94A3; vertical-align: bottom; margin:0 0 0 8px; position:relative; }
.filter-btn-lip a.open{ color:#006199; border-color:#DAF5FB; }
.filter-btn-lip a.open:after{ content:"\f00d"; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size:16px; color:#006199; vertical-align: bottom; margin:0 0 0 8px; position:relative; }

.filter-btns-lip{ display:inline-block; }
.filter-btns-lip ul{ font-size:0px;}
.filter-btns-lip ul li{ display:inline-block; margin:0 0 0 13px; }
.filter-btns-lip ul li a{ min-width:100px; height:41px; line-height:37px; border: 2px solid #E4E8F4; border-radius: 40px; display:block; text-align:center; color: #FF0000; font-weight: bold; font-size: 12px; }
.filter-btns-lip ul li a:hover{ background:#FF0000; border-color:#FF0000; color:#fff; }

.filter-btns-lip ul li a.yellow-btn-lip{ border-color:#FFB800; color:#FFB800; }
.filter-btns-lip ul li a.yellow-btn-lip:hover{ background:#FFB800; border-color:#FFB800; color:#fff; }

.filter-btns-lip ul li a.green-btn-lip{ border-color:#26CB68; color:#26CB68; }
.filter-btns-lip ul li a.green-btn-lip:hover{ background:#26CB68; border-color:#26CB68; color:#fff; }

.list-filter-table-lip{}
table.list-table-lip thead th{ border-bottom:1px solid #E4E8F4; }
table.list-table-lip tbody td{ border-bottom:1px solid #E4E8F4; }
.dataTables_wrapper .dataTables_scroll{  box-shadow:0px 2px 2px rgba(196, 200, 212, 0.5); overflow:hidden; border-radius: 8px; background:#fff; }
table.list-table-lip{ /*box-shadow:0px 2px 2px rgba(196, 200, 212, 0.5);*/ border-radius: 8px; background:#fff; border: 0 !important;  }
table.list-table-lip tr th{ font-weight: bold; font-size: 10px; line-height: 12px; color: #8F94A3; text-transform:uppercase;  padding:18px 10px 14px 10px; }
table.list-table-lip tr td{ font-size:13px; line-height:19px; color: #000000; font-weight:500; padding:8px 10px; }

.checkbox-lip{ padding:0px 13px !important; }
.checkbox-lip input{ vertical-align:middle; display:none; }
.checkbox-lip label{ position:relative; display:block; width: 18px; height: 18px; margin: auto; cursor:pointer; }
.checkbox-lip label .checkmark-lip{ content:''; position:absolute; width:18px; height:18px; border:2px solid #C4C8D4; border-radius:3px; left:0; top:0; }
.checkbox-lip input:checked ~ .checkmark-lip{ border-color:#00B8E4; background:#00B8E4;}
.checkbox-lip input:checked ~ .checkmark-lip:after{ font-family: "Font Awesome 5 Pro"; font-weight: 900; content:"\f00c"; position:absolute; color:#fff; line-height: 16px; width: 16px; height: 16px; font-size: 12px; left:1px; }

table.list-table-lip tr td.rcd-lip{ font-weight:600; }
table.list-table-lip tr td.crac-lip{ color: #8F94A3; }
table.list-table-lip tr td.sinistre-lip { font-weight:600; color: #00B8E4; }
table.list-table-lip tr td.dernier-lip{ font-weight:600; }
table.list-table-lip tr td.status-lip{ text-align:center; }
.unread-lip{ font-weight: bold; font-size: 10px; line-height: 12px; color: #004D1F; background: #EBFFF3; border-radius: 14px; text-align: center; padding: 6px 16px 5px 16px; text-align: center; white-space: nowrap; display: inline-block; }
.read-lip{ font-weight: bold; font-size: 10px; line-height: 12px; color: #434756; background: #E4E8F4; border-radius: 14px; text-align:center; padding:6px 16px 5px 16px; text-align:center; display:inline-block; }
table.list-table-lip tr td.gestionnaire-lip{ font-weight:600; color: #000; text-align:center; }
table.list-table-lip tr td.option-liptraiter-lip{ text-align:center; }
table.list-table-lip tr td.traiter-lip{ text-align:center; }
.traiter-btn-lip{ font-weight: bold; font-size: 10px; line-height: 12px; color: #803D00; background: #FFB800; border-radius: 14px; text-align:center; padding:6px 16px 5px 16px; text-align:center; display:inline-block; white-space: nowrap }

.dataTables_scrollHead table.list-table-lip{ border-radius:8px 8px 0 0; }

.option-lip{ text-align:right;}
.option-lip .dropdown-toggle::after{ display:none; }
.option-lip .dropdown-toggle{ width:32px; height:32px; display:inline-block; border-radius:100%; text-align:center; }
.option-lip .dropdown-toggle i{ font-size:24px; line-height:32px; color: #8F94A3; }
.option-lip .dropdown-toggle:hover{ background: #E4E8F4; }
.option-lip .show .dropdown-toggle{ background: #E4E8F4; }

.option-lip .dropdown-menu{ border:0px; box-shadow:0px 8px 32px rgba(35, 63, 146, 0.16); border-radius: 8px; padding:4px 0; min-width:200px; margin:4px 0 0 0; }
.option-lip .dropdown-menu .dropdown-item{ padding:8px 14px; font-weight: 500; font-size: 10px; line-height: 12px; color:#000; }
.option-lip .dropdown-menu .dropdown-item:hover { background:#F7F9FF; }
.option-lip .dropdown-menu .dropdown-item .fa-edit{ color: #FFB800; font-size:16px; height:16px; line-height:16px; margin:0 8px 0 0; vertical-align:bottom; }
.option-lip .dropdown-menu .dropdown-item .fa-check{ color: #26CB68; font-size:16px; height:16px; line-height:16px; margin:0 8px 0 0; vertical-align:bottom; }
.option-lip .dropdown-menu .dropdown-item .fa-print{ color: #8F94A3; font-size:16px; height:16px; line-height:16px; margin:0 8px 0 0; vertical-align:bottom; }

table.list-table-lip tbody tr:hover{ background: #F1F4FD;}
table.list-table-lip tbody tr.selected { background: #F0FCFF; }

.dataTables_wrapper .dataTables_info{ font-size: 13px; color: #6B6C7E; line-height:19px; padding:22px 0 22px 0; }
.dataTables_wrapper .dataTables_paginate{ padding:16px 0 0 0; }

.dataTables_wrapper .dataTables_paginate .paginate_button{ font-weight: 600; font-size: 13px; line-height: 20px; min-width: 32px; padding: 5px 0; color: #8F94A3 !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{ background: #FFFFFF; border: 1px solid #76DCF4; border-radius: 4px; color: #00B8E4 !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{ background: none; border: 1px solid transparent; border-radius: 0px; color: #8F94A3 !important; box-shadow:inset 0 0 0px #111; }

.dataTables_wrapper .dataTables_paginate .paginate_button.previous{ font-size:0px; padding:0px; }
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:after{ font-family: "Font Awesome 5 Pro"; font-weight: 400; content:"\f104"; width:6px; height:16px; font-size:16px; color: #8F94A3; vertical-align: sub; position: relative; }
.dataTables_wrapper .dataTables_paginate .paginate_button.next{ font-size:0px; padding:0px; }
.dataTables_wrapper .dataTables_paginate .paginate_button.next:after{ font-family: "Font Awesome 5 Pro"; font-weight: 400; content:"\f105"; width:6px; height:16px; font-size:16px; color: #8F94A3; vertical-align: sub; position: relative; }

.dataTables_wrapper.no-footer .dataTables_scrollBody{ border-bottom:0px; overflow:hidden !important; height:40vh; max-height: initial !important; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.filter-dropdown-main-lip{ padding:0px 0 0px 0; display:none; width:100%; clear:both; }
.filter-dropdown-lip{ font-size:0; text-align:left; padding:25px 0 0 0; }
.filter-dropdown-title-lip{ background: #FFFFFF; box-shadow: 0px 8px 16px rgba(228, 232, 244, 0.5); border-radius: 12px; font-weight: bold; font-size: 10px; line-height: 12px; text-transform:uppercase; color: #8F94A3; padding:15px 58px 13px 24px; display:block;}
.filter-dropdown-title-lip:hover{ background: #FFFFFF; box-shadow: 0px 8px 32px rgba(35, 63, 146, 0.16); border-radius: 12px; color:#000; }

.mdirect-filter-menu1-omp{ display:inline-block; vertical-align:top; margin:0px 8px 0 0; padding:0px; position:relative;}
.mdirect-filter-menu1-omp > a::after{ position:absolute; right:24px; content:"\f107"; font-family: "Font Awesome 5 Pro"; font-weight: 400; border:0px; font-size:18px; width:12px; height:12px; display:inline-block; vertical-align:middle; margin:-1px 0px 0px 0px;  transition: all 0s linear; }
.mdirect-filter-menu1-omp a.show{ background: #FFFFFF; box-shadow: 0px 8px 32px rgba(35, 63, 146, 0.16); border-radius: 12px; color:#000; }
.mdirect-filter-btn-omp{ display:inline-block; vertical-align:top; margin:0px 4px 0px;}
.mdirect-filter-menu1-omp .dropdown-menu{ display:none; min-width:200px; margin:12px 0px 0px; padding:0; box-shadow:0px 8px 32px rgba(35, 63, 146, 0.16); border-radius: 8px; border:0; }

.md-filter-info-omp{}
.md-filter-info-list-omp{ margin:4px 0; padding:0px;}
.md-filter-option1-omp{ margin:0px 0px 0px; padding:0; cursor:pointer; border-bottom:1px solid #E4E8F4; }
.md-filter-option1-omp:last-child{ border-bottom:0px; }
.md-filter-option1-omp .custom-control-label{ display:block; padding:11px 14px 9px 14px; font-weight: 500; font-size: 10px; line-height: 12px; cursor:pointer; }
.md-filter-option1-omp .custom-control-label::before{ right: 14px; left: auto; top: 7px; width: 18px; height: 18px; border: 2px solid #C4C8D4; border-radius: 3px;}
.md-filter-option1-omp .custom-control-input:checked ~ .custom-control-label::before{ border:solid 2px #00B8E4; background:#00B8E4;}
.md-filter-option1-omp .custom-checkbox .custom-control-label::before{ border-radius:4px;}
.md-filter-option1-omp .custom-control-input:focus ~ .custom-control-label::before{ box-shadow: 0 0 0 0 rgba(0,123,255,0);}
.md-filter-option1-omp .custom-control-input:focus:not(:checked) ~ .custom-control-label::before{ border:solid 2px #00B8E4;}
.md-filter-option1-omp .custom-control-label::after{ font-family: "Font Awesome 5 Pro";  font-weight: 900; content: "\f00c"; position: absolute; color: #fff; line-height: 16px; width: 18px;  height: 18px; font-size: 12px; right: 14px; top: 9px;  left: auto; background-image: none !important; text-align: center; }

.filter-selected-tags-lip{ padding:8px 0 0px 0; display:table; width:100%; } 
.filter-tags-lip{ font-size:0px; display:table-cell; vertical-align:middle; }
.filter-tags-in-lip{ display:inline-block; padding:8px 8px 8px 0; }
.filter-tags-in-lip a{ display:block; padding:10px 16px 10px 16px; background: #F0FCFF; border: 1px solid #00B8E4; box-sizing: border-box; border-radius: 16px; font-weight: bold; font-size: 10px; line-height: 12px; color: #006199;  }
.filter-tags-in-lip a i{ margin-right:4px; }
.filter-result-lip{ display:table-cell; vertical-align:middle; text-align:right; font-weight: 600; color: #000000; font-size: 13px; }
.filter-result-lip a{ font-weight: 500; font-size: 13px; font-weight:500; color: #00B8E4; text-decoration:underline; padding:0 0 0 12px; }
.dataTables_scrollBody .optiscroll-content{ padding-right:0px; }
.dataTables_scrollBody .optiscroll-v{ visibility:visible; width:4px; background:transparent; }
.dataTables_scrollBody .optiscroll-vtrack{ opacity:1; right:0; background:#E4E8F4; width:4px; border-radius:4px; }

.dataTables_wrapper .top{ overflow:hidden; }
.dataTables_wrapper .bottom{ overflow:hidden; padding-bottom:15px; }

.dataTables_scrollHead table.dataTable thead .sorting:after{ content: ''; background: url(../images/sort_desc.svg) no-repeat center center; width: 9px; height: 14px; background-size: 9px; position: absolute; display: inline-block; margin: -2px 0 0 6px; vertical-align: middle;  transition: all 0s linear; }
.dataTables_scrollHead table.dataTable thead .sorting_asc:after{ content: ''; background: url(../images/sort_asc.svg) no-repeat center center; width: 9px; height: 14px; background-size: 9px; position: absolute; display: inline-block; margin: -2px 0 0 6px; vertical-align: middle; transition: all 0s linear; }
.dataTables_scrollHead table.dataTable thead .sorting_desc:after{ content: ''; background: url(../images/sort_desc.svg) no-repeat center center; width: 9px; height: 14px; background-size: 9px; position: absolute; display: inline-block; margin: -2px 0 0 6px; vertical-align: middle; transition: all 0s linear; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc{ background:none; }

.dataTables_scrollHeadInner{ width:100% !important; }
.list-table-lip .dataTable{ width:100% !important; }
/*--------------- LIST_PAGE_END --------------*/

/*--------------- ARCHIVE_LIST_PAGE_END --------------*/
.archive-table-liap{}
.archive-table-liap .dataTables_wrapper .dataTables_scroll{ background: #F1F4FD; }
.archive-table-liap table.list-table-lip tbody tr{ background: #F1F4FD; }
.archive-table-liap table.list-table-lip tr td{ color: #8F94A3; }
.archive-table-liap .unread-lip{ background:#E4E8F4; color:#434756; }
.archive-table-liap .traiter-btn-lip{ background: #FAFBFF; color: #C4C8D4; }
/*--------------- ARCHIVE_LIST_PAGE_END --------------*/

/*--------------- SEARCH_PAGE_START --------------*/
.search-title-sp{ width:100%; }
/*--------------- SEARCH_PAGE_END --------------*/