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-field1-tbox-lp input:hover, .login-field1-tbox-lp input:focus{ border-color:#76DCF4; box-shadow: 0px 0px 0px 4px #DAF5FB; }
.login-field-correct-lp .login-field1-tbox-lp input{ border-color:#26CB68;  box-shadow: 0px 0px 0px #76DCF4;}
.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;  box-shadow: 0px 0px 0px #76DCF4;}
.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; min-width:358px; height:56px; margin:0px; padding:16px 24px 16px 24px; font-size:0px; text-align:center;}
.success-box-main-lp{ position:absolute; left:120px; bottom:96px; background:rgb(44, 97, 13); border-radius:16px; min-width:358px; height:56px; margin:0px; padding:16px 24px 16px 24px; font-size:0px; text-align:center; z-index: 1000;}
.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;}
.success-text-lp{ display:inline-block; vertical-align:top; font-size:13px; line-height:24px; color:#fff; font-weight:600; margin:0px; padding:0px;}
.success-text-lp i{ vertical-align:top; font-size:24px; color:#54da32; 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;}
.success-box-close-lp{ display:inline-block; vertical-align:top; margin:0px; padding:0px 2px;}
.success-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:999;}
.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 24px 12px 16px;}
.board-dmenu-dbp .btn{ background:#F7F9FF url(../images/board_menu_arrow_dbp.svg) no-repeat center right 24px; background-size:auto 14px; border-radius:12px; width:100%; padding:12px 40px 12px 16px; text-align:left; display:block; 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% - 40px); border:0px; overflow:hidden; }
.board-dmenu-dbp .dropdown-item{ padding:10px 16px 10px;}
.board-dmenu-dbp .dropdown-item:hover{ background:#E4E8F4;}
.board-dmenu-dbp .dropdown-item.active, .board-dmenu-dbp .dropdown-item:active{ background:#E4E8F4;}
.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 24px 8px 16px;}
.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:168px; font-size:14px; line-height:48px; color:#8F94A3; font-weight:600; margin:0px; padding:0px 10px 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:6px; 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:224px;}
#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 > a:hover{ background:#F0FCFF;}
#cssmenu > ul > li > a:hover .sidebar-menu-icon-dbp i{ color:#00B8E4;}
#cssmenu > ul > li > a:hover .sidebar-menu-text-dbp{ color:#006199;}
#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 24px 28px 16px;}
.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;}
.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;}
.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;     z-index: 9; }
.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 0px 0 0; 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 0px 4px #DAF5FB; 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:-8px 0 0 0; padding:0px 0px 0px 12px; border-left:solid 0px #C4C8D4;}	
.user-dmenu-dbp:after{ content:''; position:absolute; left:0; top:8px; background:#C4C8D4; width:1px; height:40px;  }	
.user-dmenu-dbp .btn{ padding: 8px 12px; border:0px; border-radius:8px; font-size:0px; background:transparent; }	
.user-dmenu-dbp .btn:hover{ background: #E4E8F4; }	
.user-dmenu-dbp.show .btn{ background: #E4E8F4; }
.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:11px 0px 0px; padding:0px 0px 0px; border:0px; border-radius:0px 0px 8px 8px; overflow:hidden; min-width: 170px; box-shadow:0px 8px 32px rgba(35, 63, 146, 0.16); border-radius: 8px; }	
.user-dmenu-dbp .dropdown-menu ul{ padding:8px 0; }	
.user-dmenu-dbp .dropdown-item{ font-size:13px; line-height:18px; font-weight:500; color:#000; padding:11px 16px 11px; text-align:left;}	
.user-dmenu-dbp .dropdown-item.logout-item{ color:#FF0000; }	
.user-dmenu-dbp .dropdown-item.logout-item i{ font-size: 16px; line-height: 16px;  vertical-align: middle; margin-top: -2px; margin-right: 6px; }	
.user-dmenu-dbp .dropdown-item.logout-item i:before{ transition: all 0s linear; }	
.user-dmenu-dbp .dropdown-item:hover{ background:none;}
.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%;}
.contract-info-box1-dbp{ min-height:88px; margin:0px 0 8px 0; display:table; width:100%; background: #FFFFFF; border: 2px solid #F7F9FF; border-radius: 16px; }
.contract-info-box1-dbp a{ display:table; width:100%; padding:20px 32px 20px 32px;  }
.contract-info-box2-dbp{ border-bottom:0px;}
.contr-info-box-icon-main-dbp{ display:table-cell; vertical-align:middle; width:48px; }
.contr-info-box-icon-dbp{ background:#F0FCFF; color:#00B8E4; width:48px; height:48px; line-height:48px; border-radius:16px; margin:0px; padding:0px; text-align:center; border: 1px solid #DAF5FB; }
.contr-info-box-icon-dbp i{ font-size:24px; vertical-align:middle;}
.contr-info-box-text-dbp{ width:calc(100% - 48px); margin:0px; padding:0px 0px 0px 12px; display:table-cell; vertical-align:middle;}
.contr-info-box-number-dbp{ font-size:36px; line-height:36px; color:#000; font-weight:600; padding:0px 0px 0px; margin:0px;}
.contr-info-box-text-dbp p{ font-size:13px; line-height:19px; color:#8F94A3; font-weight:600; padding:0px; margin:0px;}
.contr-yellow-icon-dbp{ background:#FFF9EB; color:#FFB800; border-color:#FFEAB3; }
.contr-green-icon-dbp{ background:#EBFFF3; color:#26CB68; border-color:#BFF3D4; }
.contr-red-icon-dbp{ background:#FFEBEB; color:#FF0000; border-color:#FFB3B3; }
.contract-box-main-sbp{ background: #FFFFFF; border: 2px solid #F7F9FF; box-shadow: 0px 32px 24px -24px rgba(228, 232, 244, 0.5); border-radius: 16px; padding:24px 0; margin-bottom:32px; margin-top:4px; }
.contract-box-main-in-sbp{ width:50%; float:left; border-right:1px solid #E4E8F4; padding:0 32px; }
.contract-box-main-in-sbp:nth-child(2n){ border:0px; }
.contract-box-title-sbp{ font-weight: 600; font-size: 16px; line-height:24px; color: #26CB68; }
.contract-box-number-sbp{ font-weight: 600; font-size: 48px; line-height:53px; letter-spacing: -1px; color: #000000; }
.contract-box-number-sbp a{ color: #000000; }
.yellow-title-sbp{ color: #FFB800; }
/*--------------- 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: #000; font-weight:700; padding:13px 10px 12px 10px; border-radius:40px; }	
.filter-btn-lip a:before{ content:"\f3f2"; font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size:16px; color:#000; vertical-align: bottom; margin:0 8px 0 0px; position:relative; }	
.filter-btn-lip a.open{ color:#006199; border-color:#DAF5FB; }	
.filter-btn-lip a.open:before{ content:"\f00d"; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size:16px; color:#006199; vertical-align: bottom; margin:0 8px 0 0px; 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; }
.checkbox-lip.show input:checked ~ .checkmark-lip:after{ font-family: "Font Awesome 5 Pro"; font-weight: 900; content:"\f068"; position:absolute; color:#fff; line-height: 16px; width: 16px; height: 16px; font-size: 12px; left:2px; }	
.checkbox-lip.show_all 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; }	
.selectbox_header label{ display:none; }	
.selectbox_header.show label{ display:block; }

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 }
.traite-btn-lip{ font-weight: bold; font-size: 10px; line-height: 12px; color: #2ECB68; background: #034C1F; 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:8px 0; min-width:200px; margin:4px 0 0 0; }	
.option-lip .dropdown-menu .dropdown-item{ padding:11px 14px; font-weight: 500; font-size: 13px; line-height: 18px; color:#000; }	
.option-lip .dropdown-menu .dropdown-item:hover { background:none; }	
.option-lip .dropdown-menu .dropdown-item .fa-edit{ color: #FFB800; font-size:16px; width:18px; height:16px; line-height:16px; margin:0 8px 0 0; vertical-align:bottom; text-align:center; }	
.option-lip .dropdown-menu .dropdown-item .fa-check-circle{ color: #26CB68; font-size:16px; width:18px; height:16px; line-height:16px; margin:0 8px 0 0; vertical-align:bottom; text-align:center; }	
.option-lip .dropdown-menu .dropdown-item .fa-print{ color: #8F94A3; font-size:16px; width:18px; height:16px; line-height:16px; margin:0 8px 0 0; vertical-align:bottom; text-align:center; }

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:8px 0; padding:0px;}	
.md-filter-option1-omp{ margin:0px 0px 0px; padding:0; cursor:pointer; border-bottom:0px solid #E4E8F4; }	
.md-filter-option1-omp:last-child{ border-bottom:0px; }	
.md-filter-option1-omp .custom-control-label{ display:block; padding:11px 14px 11px 14px; font-weight: 500; font-size: 13px; line-height: 18px; cursor:pointer; }	
.md-filter-option1-omp .custom-control-label::before{ right: 14px; left: auto; top: 11px; width: 18px; height: 18px; border: 1px solid #8F94A3; 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: 11px; right: 14px; top: 12px;  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; }
.is_archived {background-color: #F1F4FD !important;}
/*--------------- ARCHIVE_LIST_PAGE_END --------------*/

/*--------------- SEARCH_PAGE_START --------------*/
.search-title-sp{ width:100%; }
/*--------------- SEARCH_PAGE_END --------------*/

/*--------------- DOSSIER_PAGE_START --------------*/
.search-title-sp{ width:100%; }
.dossier-top-dp{}
.dossier-return-dp{ display:flex; }
.dossier-return-dp a{ font-size: 13px; line-height:16px; color:#000; display: flex; }
.dossier-return-dp i{ margin-right:8px; font-size:18px; line-height:16px; }
.folder-main-dp{ display:table; width:100%; padding:16px 0 0 0; }
.folder-left-dp{ display:table-cell; vertical-align:middle; }
.folder-icon-dp{ background: #006199; border-radius: 24px; width:72px; height:72px; line-height:72px; text-align:center; float:left; }
.folder-icon-dp i{ font-size: 32px; color: #76DCF4; vertical-align:middle; }
.folder-details-dp{ width:calc(100% - 72px); float:left; padding-left:16px; }
.folder-company-dp{  font-size:16px; line-height:18px; color: #8F94A3; font-weight: 600; }
.folder-name-dp{ font-weight: 600; font-size: 36px; line-height:36px; letter-spacing: -0.5px; color: #000000; }
.folder-name-dp span{ margin-right:6px; }
.folder-name-dp .traiter-btn-lip{ vertical-align:middle; margin:-2px 0 0 0px; display:inline-block; }
.folder-name-dp .traiter-btn-lip:hover{ color:#000; }
.folder-date-dp{ font-size: 13px; line-height:18px; color: #8F94A3; font-weight: 500; }
.folder-right-dp{ display:table-cell; vertical-align:middle; }
.folder-option-db .dropdown-menu{ padding:8px 0; }
.folder-option-db .dropdown-toggle{ width: 40px;  height: 40px; border: 2px solid #E4E8F4; border-radius: 40px; }
.folder-option-db .dropdown-toggle i{ font-size:16px; color:#000; line-height:36px; }
.option-lip .dropdown-menu .dropdown-item-archive{ margin-top:8px; }
.option-lip .dropdown-menu .dropdown-item .fa-archive { color: #8F94A3; font-size: 16px; height: 16px; line-height: 16px; margin: 0 8px 0 0; vertical-align: bottom; }
.divider-db{ border-top:1px solid #E4E8F4; margin-top:8px; margin-bottom:8px; }
.dossier-bottom-dp{ padding:0px 0 0 0; }
.folder-nav-dp{ border-bottom:1px solid #E4E8F4; margin:0 -60px; padding:36px 0 0 0; }
.folder-nav-dp ul{ font-size:0px; margin:0 60px;}
.folder-nav-dp ul li{ display:inline-block; vertical-align:middle; padding:0 40px 0 0; }
.folder-nav-dp ul li a{ font-size: 13px; color: #8F94A3; line-height:32px; font-weight: 600; position:relative; padding-bottom:1px; display:block; }
.folder-nav-dp ul li a:after{ content:''; position:absolute; left:50%; height:2px; background:#00b8e4; width:0%; bottom:-1px; }
.folder-nav-dp ul li a:hover{ color:#000000;  }
.folder-nav-dp ul li a:hover:after{ left:0; width:100%; }
.folder-nav-dp ul li a.active{ color:#000000;  }
.folder-nav-dp ul li a.active:after{ left:0; width:100%; }
.dossier-info-dp{ display:table; width:100%; }
.dossier-left-dp{ display:table-cell; vertical-align:top; height:100%; width:calc(100% - 290px); }
.dossier-right-dp{ display:table-cell; vertical-align:top; height:100%; width:290px; border-left:1px solid #E4E8F4; }
.action-box-dp{ padding:0px 0 15px 30px; }
.action-title-dp{ font-weight: 600; font-size: 20px; line-height:24px; color:#000; padding:40px 0 24px 0;  }
.action-btns-dp{}
.action-btn-dp{ margin-bottom:10px;}
.common-small-btn-hp{ display:block; text-align:center; font-size: 12px; line-height: 36px; padding:0px 15px; }
.common-small-btn-hp i{ font-size:16px; margin-right:6px; vertical-align:middle; }
.common-small-btn-hp i:before{ transition: all 0s linear; }
.green-btn-dp{ background: #26CB68; border-color:#26CB68; }
.green-btn-dp:hover{ color:#26CB68; }
.border-btn-dp{ background:#fff; border-color:#E4E8F4; color:#434756; }
.border-btn-dp:hover{ background:#E4E8F4; color:#434756; }
.file-box-dp{ padding:0px 40px 0 30px; border-top:1px solid #E4E8F4; margin-right:-60px; }
.file-box-dp .action-title-dp{ padding:20px 0 15px 0; }
.file-box-list-dp{}
.file-box-list-in-dp{}
.file-box-item-dp{}
.file-box-item-dp a{ display:table; padding:16px 16px 16px 0; width:100%; }
.file-icon-dp{ width:40px; display:table-cell; vertical-align:middle; }
.file-icon-in-dp{ width:40px; height:40px; background:#DAF5FB; line-height:40px; border-radius:100%; text-align:center; }
.file-icon-in-dp i{ vertical-align:middle; font-size:17px; color:#00B8E4; }
.file-name-dp{ display:table-cell; vertical-align:middle; width:calc(100% - 60px); padding:0 0 0 12px; }
.file-name-in-dp{ font-weight: 600; font-size: 13px; line-height:14px; color: #000000; word-break: break-word; }
.file-name-addline-dp{ font-weight: 500; font-size: 10px; line-height: 12px; color: #8F94A3; padding:3px 0 0 0; word-break: break-word; }
.file-name-date-dp{ font-weight: 500; font-size: 10px; line-height: 12px; color: #00B8E4; padding:3px 0 0 0; word-break: break-word; }
.file-arrow-dp{ display:table-cell; vertical-align:middle; width:20px; text-align:right; }
.file-arrow-dp i{ vertical-align:middle; font-size:18px; color:#8F94A3; }
.file-box-list-dp .optiscroll-v {top: 0; bottom: 0; width: 8px; background: #F1F4FD; border: 0; border-radius: 4px; }
.file-box-list-dp .optiscroll-vtrack { width: 4px; right: 2px; background:#C4C8D4; border-radius: 4px; margin:2px 0; }

.navigationTab {cursor: pointer;}

.dossier-accordian-dp{ height: calc(100% - 68px); margin: 34px 12px 34px 0; }
.dossier-accordian-in-dp{}
.dossier-accordian-dp .optiscroll-v {top: 0; bottom: 0; width: 8px; background: #F1F4FD; border: 0; border-radius: 4px; }
.dossier-accordian-dp .optiscroll-vtrack { width: 4px; right: 2px; background:#C4C8D4; border-radius: 4px; margin:2px 0; }
.accordion-main-1-dp{ background: #FFFFFF; box-shadow: 0px 2px 2px rgba(196, 200, 212, 0.5); border-radius: 8px; overflow:hidden; margin-bottom: 5px; }

.accordion-1-card{ border:0px; border-radius: 0; background:none; }
.accordion-1-card > .card-header{ margin:0px; background:none; border:0px; padding:0px; }
.accordion-1-card > .card-header > a{ margin:0px; background:none; border:0px; padding:0px; font-weight: 600; font-size: 24px; line-height:28px; color: #000000; display:block; padding:18px 48px 18px 24px; position:relative; }
.accordion-1-card > .card-header > a:after{ content:''; position:absolute; font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f105"; right:24px; top:calc(50% - 7px); font-size:26px; line-height:14px; transform: rotate(90deg);  -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; }
.accordion-1-card > .card-header > a.collapsed:after{ content:''; position:absolute; font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f105"; right:24px; top:calc(50% - 7px); font-size:26px; line-height:14px; transform: rotate(0deg); }
.card-body{ padding:0px; }

.accordion-2-card{ border:0px; border-radius: 0; background:none; }
.accordion-2-card > .card-header{ margin:0px; background:#DAF5FB; border:0px; padding:0px; }
.accordion-2-card > .card-header > a{ margin:0px; background:none; border:0px; padding:0px; font-weight: 600; font-size: 20px; line-height:24px; color: #006199; display:block; padding:12px 24px 12px 48px; position:relative; }
.accordion-2-card > .card-header > a:after{ content:''; position:absolute; font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f068"; left:24px; top:calc(50% - 7px); font-size:16px; line-height:14px; -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; }
.accordion-2-card > .card-header > a.collapsed:after{ content:''; position:absolute; font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f067"; left:24px; top:calc(50% - 7px); font-size:16px; line-height:14px; }
.accordion-2-card > .card-header > a:before{ content:''; position:absolute; left:24px; bottom:0px; height:0px; width:100%; background: #76DCF4; }
.accordion-2-card > .card-header > a.collapsed:before{ content:''; position:absolute; left:24px; bottom:1px; height:1px; width:100%; background: #76DCF4; }
.accordion-2-card:last-child > .card-header > a:before{ display:none; }

.reference-main-dp{ }
.reference-dp{ width:calc(50% - 3px); display:inline-block; vertical-align:top; padding:12px 0 12px 48px; position:relative; }
.reference-dp:after{ content:''; position:absolute; left:28px; top:12px; background: #DAF5FB; width:4px; height:calc(100% - 24px); }
.reference-title-dp{ font-weight: bold; font-size: 13px; line-height:19px; color: #006199; letter-spacing: -0.25px; padding:4px 0 0 0; }
.reference-value-dp{ font-weight: 500; font-size: 13px;  line-height:15px; color: #000000;  padding:6px 0 4px 0; }

.accordion-3-card{ border:0px; border-radius: 0; background:none; }
.accordion-3-card > .card-header{ margin:0px; background:#F7F9FF; border:0px; padding:0px; }
.accordion-3-card > .card-header > a{ margin:0px; background:none; border:0px; padding:0px; font-weight: 600; font-size: 16px; line-height:24px; color: #434756; display:block; padding:12px 24px 12px 64px; position:relative; }
.accordion-3-card > .card-header > a:after{ content:''; position:absolute; font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f068"; left:40px; top:calc(50% - 7px); font-size:16px; line-height:14px; -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; }
.accordion-3-card > .card-header > a.collapsed:after{ content:''; position:absolute; font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f067"; left:40px; top:calc(50% - 7px); font-size:16px; line-height:14px; }

.reference-main-single-dp{ padding:0 0 0 16px; }
.reference-main-single-dp .reference-dp{ width:100%; }
.reference-main-single-dp .reference-dp:after{ background: #F7F9FF; }

.accordion-4-card{ border:0px; border-radius: 0; background:none; }
.accordion-4-card > .card-header{ margin:0px; background:#fff; border:0px; padding:0px; }
.accordion-4-card > .card-header > a{ margin:0px; background:none; border:0px; padding:0px; font-weight: 400; font-size: 16px; line-height:24px; color: #00B8E4; display:block; padding:12px 24px 12px 80px; position:relative; }
.accordion-4-card > .card-header > a:after{ content:''; position:absolute; font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f068"; left:56px; top:calc(50% - 7px); font-size:16px; line-height:14px; -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; }
.accordion-4-card > .card-header > a.collapsed:after{ content:''; position:absolute; font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f067"; left:56px; top:calc(50% - 7px); font-size:16px; line-height:14px; }

.accordion-4-card > .card-header > a:before{ content:''; position:absolute; left:56px; bottom:1px; height:1px; width:100%; background: #DAF5FB; }
.accordion-4-card > .card-header > a.collapsed:before{ content:''; position:absolute; left:56px; bottom:1px; height:1px; width:100%; background: #DAF5FB; }
.accordion-4-card:last-child > .card-header > a:before{ display:none; }
.reference-main-4-dp{ padding:0 16px; }
.reference-main-4-dp .reference-dp{ width:calc(33.33% - 3px); }
.reference-main-4-dp .reference-dp:after{ background: #F0FCFF; }
.disponibles-text-dp{ margin:10px 0 10px 78px; padding:16px 24px; background: #F5FBFF; border: 1px solid #B3D1FF; border-radius: 4px; display:inline-block; font-weight: 600; font-size: 13px; line-height:19px; color: #13276C; }
.common-info-accordian-dp{ padding:24px; }
.resposibility-table-dp{ padding:24px 32px 24px 80px; }
.resposibility-table-in-dp{ position:relative; }
.resposibility-table-in-dp:after{ content:''; position:absolute; left:-36px; top:0; background: #F7F9FF; width:4px; height:100%; }
.common-table-dp{}
.common-table-dp tr{}
.common-table-dp tr th{ background: #004166; font-weight: 600; font-size: 13px; color: #FFFFFF; line-height:19px; width:25%; padding:10px 16px; height:56px; }
.common-table-dp tr td{ background: #fff; font-weight: 500; font-size: 13px; color: #434756; line-height:19px; width:25%; padding:10px 16px; height:56px; border-right:1px solid #E4E8F4; border-bottom:1px solid #E4E8F4; }
.common-table-dp tr td:first-child{ border-left:1px solid #E4E8F4; }
.honoraires-table-dp{ padding:24px; border-top:1px solid #E4E8F4; }
.honoraires-table-dp tr td{ background: #F0FCFF; color: #004166; height:88px; width:33.33%; }
.honoraires-table-dp tr td.total-amt-dp{ font-weight:700; }
/*--------------- DOSSIER_PAGE_END --------------*/

/*--------------- MODAL_START --------------*/
.modal-backdrop{ background: #004166; }
.modal-backdrop.show { opacity: .7; }
.modal-dialog-mp{ max-width:592px; }
.modal-content-mp{ border:0px; background:#fff; border-radius:16px; box-shadow:0px 8px 32px rgba(35, 63, 146, 0.16); }
.modal-body-mp{ padding:40px; }
.modal-title-mp{ display:table; width:100%; }
.modal-title-icon-mp{ width:48px; display:table-cell; vertical-align:middle; }
.modal-title-icon-in-mp{ width:48px; height:48px; background: #F7F9FF; border-radius:100%; line-height:48px; text-align:center; }
.modal-title-icon-in-mp i{ font-size:24px; vertical-align:middle; color:#8F94A3; }
.modal-title-text-mp{ width:calc(100% - 48px); display:table-cell; vertical-align:middle; padding:0 0 0 15px; font-weight: 600; font-size: 18px; line-height:27px; color: #000000; }
.modal-details-mp{ padding:24px 0 0 0; }
.modal-details-mp p{ font-size: 16px; line-height:24px; color: #8F94A3; }
.modal-details-mp p span{ font-weight:700; color:#000; }
.modal-footer-mp{ padding:24px 40px 24px 32px; background: #F7F9FF; border-radius:0 0 16px 16px;  }
.cancel-btn-main-hp{ float:left; }
.confirm-btn-main-hp{ float:right; }
.cancel-btn-hp{ display:block; border-radius: 40px; font-size: 12px; line-height: 36px; min-width:inherit; border:2px solid #E4E8F4; background:#fff; color: #434756; text-align:center; }
.cancel-btn-hp:hover{ background:#434756; color:#fff; border-color:#434756; }
.confirm-btn-hp{ display:block; border-radius: 40px; font-size: 12px; font-weight:700; line-height: 36px; min-width:inherit; border:2px solid #434756; background:#434756; color: #fff; text-align:center; }
.confirm-btn-hp i{ margin-right:8px; font-size:16px; vertical-align:text-top; }
.confirm-btn-hp i:before{ transition: all 0s linear; }
.confirm-btn-hp:hover{ background:#fff; color:#434756; border-color:#E4E8F4; }
/*--------------- MODAL_END --------------*/

/*--------------- RCD_INFORMATION_START --------------*/
.modal-backdrop{ z-index: 99999; }
.modal{ z-index: 999999; }
.rcd-overlay-rcp{ background: #004166; opacity: 0.7; position:fixed; width:100%; height:100%; left:0; top:0; z-index:9999; display:none; }
.rcd-information-rcp{ background:#fff; width:50%; height:100vh; position:fixed; top:0; right:-50%; z-index:99999; -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; }
.rcd-information-rcp.open{ right:0; }
.rcd-close-rcp{ position:absolute; right:28px; top:8px; z-index: 99; }
.rcd-close-rcp a{ height:40px; width:40px; display:block; text-align:center; line-height:40px; color:#434756; border-radius:100%; background:#fff; }
.rcd-close-rcp i{ font-size:24px; vertical-align:middle; }
.rcd-info-box-rcp{ height:calc(100vh - 89px); margin:0px 16px 0px 0; }
.rcd-info-box-rcp .optiscroll-v {top: 16px; bottom: 16px; width: 8px; background: #F1F4FD; border: 0; border-radius: 4px; }
.rcd-info-box-rcp .optiscroll-vtrack { width: 4px; right: 2px; background:#C4C8D4; border-radius: 4px; margin:2px 0; }
.rcd-info-box-rcp .optiscroll-content{ padding:0 16px 0 0; }
.rcd-info-box-in-rcp{  }
.rcd-info-box-pad-rcp{ padding:64px 6px 16px 40px; }
.rcd-title-rcp{ font-weight: 600; font-size: 24px; line-height:28px; color: #000000; padding-bottom:24px; }
.rdc-speaker-rcp{}
.rdc-speaker-title-rcp{ font-weight: 600; font-size: 18px; line-height:27px; color: #006199; padding-bottom:8px; border-bottom:1px solid #E4E8F4; }
.rcd-main-box-rcp{ padding:16px 0 0 0; }
.rcd-main-title-rcp{ display:table; width:100%; padding:0 0 12px 0; }
.rcd-main-title-in-rcp{ display:table-cell; vertical-align:middle; font-weight: 600; font-size: 16px; line-height:24px; color: #434756; }
.rcd-field-main-rcp{  }
.rcd-field-rcp{ padding:8px 0; position:relative; }
.rcd-field-label-rcp{ font-weight: bold; font-size: 10px; line-height: 10px;  color: #8F94A3; text-transform:uppercase; position:absolute; margin:14px 0 0 24px;  }
.rcd-field-label-rcp span{ color:#FF0000; }
.rcd-field-input-rcp{ display:flex; position:relative; }
.rcd-field-input-rcp input{ border:2px solid #E4E8F4; border-radius: 12px !important; width:100%; font-weight: 600; font-size: 13px; color: #000000; line-height:18px; height:56px; padding:18px 22px 0 22px; -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; background:none; }
.rcd-field-input-rcp input:hover, .rcd-field-input-rcp input:focus{ box-shadow: 0px 0px 0px 4px #DAF5FB; border-color:#76DCF4; background:none;  border-radius: 12px !important; }
.rcd-field-input-rcp input::-webkit-input-placeholder { color: #000000; }
.rcd-field-input-rcp input::-moz-placeholder { color: #000000; }
.rcd-field-input-rcp input:-ms-input-placeholder { color: #000000; }
.rcd-field-input-rcp input:-moz-placeholder { color: #000000; }

/*Modal Info Sinistre START */
.rcd-field-input-rcp p{ border:2px solid #E4E8F4; border-radius: 12px !important; width:100%; font-weight: 600; font-size: 13px; color: #000000; line-height:18px; height:56px; margin-top: 5px; padding:18px 22px 0 22px; -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; background:none;}
.modalInfoSinistre { margin-top: 20px; border:2px solid #E4E8F4; border-radius: 12px !important; width:100%; font-weight: 600; font-size: 13px; color: #000000; line-height:18px; height:56px; padding:18px 22px 0 22px; -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; background:none;  margin-top: 30px; }
.rcd-label-recours { font-weight: bold; font-size: 10px; line-height: 10px;  color: #8F94A3; text-transform:uppercase; position:absolute; margin:14px 0 0 0px;  }
.rcd-label-recours span{ color:#FF0000; }
/*Modal Info Sinistre END*/

.left-50-rcp{ width:calc(50% - 8px); float:left; }
.right-50-rcp{ width:calc(50% - 8px); float:right; }
.switch-box-rcp{ display:table; width:100%; padding:18px 0; border-bottom:1px solid #F7F9FF; }
.switch-name-rcp{ display:table-cell; vertical-align:middle; font-weight: bold; font-size: 13px; line-height:20px; color: #8F94A3; letter-spacing: -0.25px;  }
.switch-name-in-rcp{ border-left:2px solid #E4E8F4; line-height:20px; padding-left:6px; }
.switch-right-rcp{ display:table-cell; vertical-align:middle; text-align:right; }
.custom-switch{ display:inline-block; padding:0 0px 0 0; }
.custom-switch .custom-control-label{ font-weight: 600; font-size: 13px; line-height:20px; color: #434756; padding-right:52px; cursor:pointer; }
.custom-switch .custom-control-label::before{ left:auto; right:0; background: #E4E8F4; border-radius: 12px; width:44px; height:24px; border:0px; top:-1px; }
.custom-switch .custom-control-label::after{ width:20px; height:20px; left:auto; background: #FFFFFF; box-shadow: 0px 2px 2px rgba(196, 200, 212, 0.5); border-radius:100%; right:22px; top:1px; }
.custom-switch .custom-control-input:checked~.custom-control-label::before{ color: #fff; border-color: #00B8E4; background-color: #00B8E4; }
.custom-switch .custom-control-input:checked~.custom-control-label::after { background-color: #fff; -webkit-transform: translateX(20px); transform: translateX(20px); box-shadow: 0px 1px 1px #0099CC; }
.custom-switch .custom-control-input:not(:disabled):active~.custom-control-label::before { color: #fff; background-color: #00B8E4; border-color: #00B8E4; }
.custom-switch .custom-control-input:focus~.custom-control-label::before { box-shadow: 0 0 0 0rem rgba(0,123,255,.25); }
.remove-rcp{ display:none; }
.custom-switch .custom-control-input:checked~ label .add-rcp{ display:none; }
.custom-switch .custom-control-input:checked~ label .remove-rcp{ display:inline-block; }
.red-btns-rcp{ padding:24px 40px; border-top:1px solid #E4E8F4; }
.green-btn-hp{ border-color: #26CB68; background: #26CB68; }
.green-btn-hp:hover{ border-color: #26CB68; color:#26CB68; }
.address-box-rcp{}
/*--------------- RCD_INFORMATION_END --------------*/

/*--------------- CONFIRM_MODAL_START --------------*/
.green-box-main-top-dp{ text-align:center; position:absolute; width:100%; top: 24px; }
.green-box-main-dp{ top:0; z-index:99; min-width:inherit; position:relative; left:auto; bottom:auto; display:inline-block; background: #26CB68; box-shadow: 0px 8px 32px rgba(35, 63, 146, 0.16); font-size: 0px; text-align: center; border-radius: 16px;     padding: 16px 24px 16px 24px; }
.green-box-main-dp .error-text-lp i{ color: #004D1F; }
.green-box-main-dp .error-text-lp{ margin-right:24px; }
.green-box-main-dp .error-box-close-lp a i{ color:#fff; }
.confirm-modal-content-mp{}
.confirm-modal-content-mp .modal-title-icon-in-mp{ background: #F5FFF9; }
.confirm-modal-content-mp .modal-title-icon-in-mp i{ color: #26CB68; }
.confirm-modal-content-mp .cancel-btn-hp{ border-color:#BFF3D4; color: #004D1F; }
.confirm-modal-content-mp .cancel-btn-hp:hover{  background:#BFF3D4; color: #004D1F; }
.confirm-modal-content-mp .confirm-btn-hp{ background: #26CB68; border-color:#26CB68; }
.confirm-modal-content-mp .confirm-btn-hp:hover{ border-color:#26CB68; background:#fff; color:#26CB68; }
/*--------------- CONFIRM_MODAL_END --------------*/

/*--------------- APPEAL_START --------------*/
.recourse-main-app{ padding:16px 0 0 0; }
.rcd-field-input-rcp select{ border:2px solid #E4E8F4; border-radius: 12px; width:100%; font-weight: 600; font-size: 13px; color: #000000; line-height:18px; height:56px; padding:18px 50px 0 22px; -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; background:url(../images/dropdown_arrow.svg) no-repeat right 24px center; }
.rcd-field-input-rcp select:hover, .rcd-field-input-rcp select:focus{ box-shadow: 0px 0px 0px 4px #DAF5FB; border-color:#76DCF4; }

.add-recourse-btn-main-app{ margin:24px 0 0 0; }
.recourse-btn-app{ border-color:#00B8E4; background:#fff; display:inline-block; color:#00B8E4; }
.recourse-btn-app:hover{ background:#00B8E4; color:#fff; border-color:#00B8E4; }

.recourse-remove-app{ text-align:right; font-size:13px; line-height:24px; color: #C4C8D4; font-weight: 600; }
.recourse-remove-app i{ margin-left:8px; font-size:24px; color: #C4C8D4; vertical-align:middle;  }
.recourse-remove-app a{ color: #C4C8D4; display:block; }

.add-recourse-box-app{}
.rcd-field-input-readonly-rcp{ padding:20px 0px 16px 0px; }
.rcd-field-input-readonly-rcp .rcd-field-label-rcp{ position:relative; margin-top:0px; }
.rcd-field-input-readonly-rcp .rcd-field-input-rcp{ width:100%; font-weight: 600; font-size: 13px; color: #000000; line-height:18px; padding:4px 0px 0 0px; }

.file-upload-app{}

.file-upload-area-app{ padding:8px 0 30px 0; }
.file-upload-area-app input[type=file]{ display:none; }
.file-upload-area-app label{ width:100%; margin:0; cursor:pointer; }
.file-upload-area-in-app{ background: #FFFFFF; border: 1px dashed #E4E8F4; border-radius: 8px; padding:24px 24px 40px 24px; }
.file-upload-box-app{ max-width:460px; margin:auto; }

.pdf-file-app{ width:56px; height:56px; line-height:56px; text-align:center; background: #F0FCFF; border-radius:100%; margin:auto; }
.pdf-file-app i{ font-size: 24px; line-height: 24px; color: #00B8E4; vertical-align:middle; }

.file-text-1-app{ font-weight: 500; font-size: 13px; line-height:19px; color: #000000; text-align:center; padding:12px 0 0 0; }
.file-text-2-app{ font-weight: 500; font-size: 10px; line-height: 12px; color: #8F94A3; text-align:center; padding:6px 0 0 0; }

.file-progress-app{ padding:8px 0; margin:16px 0 0 0; }
.file-progress-left-app{ width:56px; height:56px; line-height:56px; text-align:center; background: #F0FCFF; border-radius:100%; margin:auto; float:left; }
.file-progress-left-app i{ font-size: 24px; line-height: 24px; color: #00B8E4; vertical-align:middle; }
.file-progress-right-app{ float:left; display:inline-block; padding:0 0 0 12px; min-width:256px;}

.file-progress-top-app{ display:table; width:100%; }
.file-progress-top-left-app{ display:table-cell; vertical-align:middle; padding-right: 24px; }
.file-progress-file-name-app{ font-weight: 600; font-size: 16px; line-height:24px; color: #000000; }
.file-progress-process-app{ font-weight: 600; font-size: 13px; color: #00B8E4; line-height:13px; }

.file-progress-top-right-app{ display:table-cell; vertical-align:middle; text-align:right; width:55px; }
.file-progress-cancel-app{ }
.file-progress-cancel-app i{ font-size: 16px; line-height: 16px; color: #C4C8D4; }

.file-progress-delete-app{ display:inline-block; margin-right:12px; height:16px; }
.file-progress-delete-app i{ font-size: 16px; line-height: 16px; vertical-align:top; color: #C4C8D4; }
.file-progress-correct-app{ display:inline-block; position:relative; width:16px; height:16px; background: #26CB68; border-radius:100%; }
.file-progress-correct-app i{ font-size: 16px; line-height: 16px; vertical-align:middle; color: #BFF3D4; position: absolute; right: -2px; top: -2px; z-index: 1;}

.file-progress-bar-app{ padding:6px 0 0 0; }
.file-progress-bar-main-app{ width:100%; height:4px; background: #F7F9FF; border-radius: 4px; }
.file-progress-bar-in-app{ background: #00B8E4; border-radius: 4px; height:4px; }

.file-progress-green-app .file-progress-process-app{ color: #8F94A3; }
.file-progress-green-app .file-progress-bar-in-app{ background:#26CB68; }

.cancel-modal-content-mp{}
.cancel-modal-content-mp .modal-title-icon-in-mp{ background: #FFF5F5; }
.cancel-modal-content-mp .modal-title-icon-in-mp i{ color: #FF0000; }
.cancel-modal-content-mp .cancel-btn-hp{ border-color:#FFB3B3; color: #660000; }
.cancel-modal-content-mp .cancel-btn-hp:hover{  background:#FFB3B3; color: #660000; }
.cancel-modal-content-mp .confirm-btn-hp{ background: #FF0000; border-color:#FF0000; }
.cancel-modal-content-mp .confirm-btn-hp:hover{ border-color:#FF0000; background:#fff; color:#FF0000; }
/*--------------- APPEAL_END --------------*/

/*--------------- TRANSFER_START --------------*/
.form-red-message-trp{ text-align:center; }
.form-red-message-in-trp{ background: #FFF5F5; border: 1px solid #FFB3B3; border-radius: 4px; display:inline-block; font-weight: 600; font-size: 13px; line-height:19px; color: #CC0000; padding:16px 24px; }
.error-input-rcp{ border-color:#FF0000 !important; box-shadow: 0px 0px 0px 4px #FFF5F5 !important; }

.transfer-details-trp{ padding:12px 0 0 0; }
.transfer-list-trp{ border-bottom:1px solid #E4E8F4; padding:16px 0; display:table; width:100%; }
.transfer-list-left-trp{ display:table-cell; vertical-align:middle; font-weight: 600; font-size: 16px; line-height:24px; color: #000000; }
.transfer-list-right-trp{ display:table-cell; vertical-align:middle; font-size: 16px; color: #000000; text-transform:uppercase; text-align:right; }
/*--------------- TRANSFER_END --------------*/

/*--------------- DOCUMENTS_START --------------*/
.download-doc-dop{ background: #F0FCFF; padding: 16px 0 16px 64px; margin-top: 16px; margin: 16px -40px 0 -40px; position:relative; }
.download-doc-dop .recourse-btn-app{ background:#F0FCFF; }
.download-doc-dop .recourse-btn-app:hover{ background:#00B8E4;}

.blue-btn-hp{ border-color: #00B8E4; background: #00B8E4; }
.blue-btn-hp:hover{ border-color: #00B8E4; color:#00B8E4; }
/*--------------- DOCUMENTS_END --------------*/

/*--------------- USERS_START --------------*/
.user-page-up{}
.user-top-up{ display:table; width:100%; padding:10px 0 32px 0 }
.user-top-left-up{ display:table-cell; vertical-align:middle; font-weight: 600; font-size: 36px; line-height:40px; letter-spacing: -0.5px; color: #000000; }
.user-top-right-up{ display:table-cell; vertical-align:middle; text-align:right; }
.user-top-right-up .recourse-btn-app{ background:none; }
.user-top-right-up .recourse-btn-app:hover{ background:#00B8E4; }

.user-bottom-up{ margin-right: -20px; }
.user-bottom-up .optiscroll-v {top: 0; bottom: 0; width: 8px; background: #F1F4FD; border: 0; border-radius: 4px; }
.user-bottom-up .optiscroll-vtrack { width: 4px; right: 2px; background:#C4C8D4; border-radius: 4px; margin:2px 0; }

.user-info-up{}
.user-list-up{ background:#fff; box-shadow: 0px 32px 24px -24px rgba(228, 232, 244, 0.5); border-radius: 16px; padding:20px 32px; display:table; width:100%; margin-bottom:24px; }
.user-name-up{ display:table-cell; vertical-align:middle; width:33.33%; }
.user-name-in-up{ display:flex; }
.user-icon-up{ align-self:center; }
.user-icon-in-up{ width:40px; height:40px; line-height:40px; text-align:center; background: #004166; font-weight: 600; font-size: 18px; color: #FFFFFF; border-radius:100%; text-transform:uppercase;  }
.nav-blue-up{ background:#1E357B; }
.benelux-up{ background: #551B48; }
.ascco-up{ background: #990000; }
.green-up{ background: #008074;}
.user-data-up{ align-self:center; padding-left:16px; }
.user-surname-up{ font-weight: 600; font-size: 16px; color: #000000; line-height:24px; }
.user-des-up{ font-weight: 500; font-size: 13px; line-height:19px; color: #8F94A3; }

.user-email-up{ display:table-cell; word-break: break-word; vertical-align:middle; font-weight: 500; font-size: 13px; line-height:19px; padding-left:16px; width:33% }
.user-email-up a{ color: #00B8E4; }
.user-principal-up{ display:table-cell; vertical-align:middle; font-weight: bold; font-size: 13px; line-height:19px; color: #000000; width:22%; padding-left:16px; }
.user-action-up{ display:table-cell; vertical-align:middle; width:112px; }
.user-action-in-up{ display:flex; text-align:right; float:right; }
.user-edit-up{ align-self:center; }
.user-edit-up a{ width:48px; height:48px; line-height:48px; text-align:center; color: #8F94A3; font-size: 24px; background:#fff; border-radius:100%; display:block; }
.user-edit-up a:hover{ background: #F5FFF9; color: #26CB68; }
.user-delete-up{ align-self:center; padding-left:16px; }
.user-delete-up a{ width:48px; height:48px; line-height:48px; text-align:center; color: #8F94A3; font-size: 24px; background:#fff; border-radius:100%; display:block; }
.user-delete-up a:hover{ background: #FFF5F5; color: #FF0000; }

.multiple-checkbox-up{ padding:16px 0 0 0; }
.checkbox-custom-up{ margin-bottom:16px; margin-right:16px; float:left; }
.checkbox-custom-up label{ cursor:pointer; margin:0px; }
.checkbox-custom-up input{ display:none;}
.checkbox-custom-up .checkbox-text-up{ border: 2px solid #F7F9FF; border-radius: 12px; padding:7px 16px 9px 42px; color: #000000; font-weight: 600; font-size: 13px; line-height:20px; position:relative; }
.checkbox-custom-up .checkbox-text-up:after{ content:"\f0c8"; position:absolute; color: #C4C8D4; font-family: "Font Awesome 5 Pro"; font-weight:300; font-size: 20px; vertical-align:middle; left:14px; margin-top:2px; }
.checkbox-custom-up input:checked ~ .checkbox-text-up{ border-color:#DAF5FB; color: #006199; }
.checkbox-custom-up input:checked ~ .checkbox-text-up:after{ content:"\f14a"; position:absolute; color: #00B8E4; font-family: "Font Awesome 5 Pro"; font-weight:900; font-size: 20px; vertical-align:middle; left:14px; margin-top:2px; }
/*--------------- USERS_END --------------*/

/*--------------- RESET_PASSWORD_START --------------*/
.dossier-return-rp{ padding:0 0 24px 0; }
.password-btn-rp{ margin:30px 0 0 0; }
.password-btn-rp .common-btn-hp{ padding:0px 47px; }
.green-box-rp{ background:#26CB68; min-width:inherit; }
.green-box-rp .error-text-lp i{ color: #004D1F; }
.green-box-rp .error-box-close-lp a i{ color: #F5FFF9; margin-left:24px; }
/*--------------- RESET_PASSWORD_END --------------*/

/*--------------- NEW_PASSWORD_START --------------*/
.password-instruction-np{ font-weight: 500; font-size: 13px; line-height:19px; color: #8F94A3; }
.password-btn-np{ margin:30px 0 0 0; }
.password-btn-np .common-btn-hp{ background: #26CB68; border-color:#26CB68; }
.password-btn-np .common-btn-hp:hover{ background: #fff; border-color:#26CB68; color:#26CB68; }
/*--------------- NEW_PASSWORD_END --------------*/

table.dataTable tbody tr { cursor: pointer;}
.extraPaddingTop { padding-top:15px; }
span.traiter-btn-lip.green-btn-dp{ color:white; }

/*--------------- LIST_BLOCK_START --------------*/
.list-main-btns-lip{ padding:30px 0 0 0; clear:both; display:none;}
.mark-btn-main-lip{ float:left; margin-right:8px; }
.mark-btn-lip{ background: #FFFFFF; border: 2px solid #E4E8F4; border-radius: 40px; padding:9px 26px; color: #000000; font-size:12px; font-weight:500; display:block;  }
.mark-btn-lip i{ font-size: 16px; line-height: 16px; color: #000000; margin-right:8px; vertical-align:middle; margin-top:-4px; }
.mark-btn-lip:hover{ background:#E4E8F4; color: #000000; }
.mark-selection-lip{  color: #000000; font-size:12px; font-weight:500; padding:11px 24px; float:left; }
.mark-close-lip{ float:right; padding:6px 0; }
.mark-close-lip a{  color: #434756; font-size: 24px; line-height: 24px;  }
/*--------------- LIST_BLOCK_END --------------*/

.nb_checked_multiple{ display:none; }
.rcd-field-input-2-rcp{ margin-left:24px; }
.traite-btn-lip{ font-weight: bold; font-size: 10px; line-height: 12px; color: #2ecb68; background: #034c1f; border-radius: 14px; text-align:center; padding:6px 16px 5px 16px; text-align:center; display:inline-block; white-space: nowrap }	
.archive-btn-lip{ font-weight: bold; font-size: 10px; line-height: 12px; color: #c4c8d4; background: #fafbff; border-radius: 14px; text-align:center; padding:6px 16px 5px 16px; text-align:center; display:inline-block; white-space: nowrap }	
#date_now{ text-transform:capitalize; } 	
.tomoment{ text-transform:capitalize; } 