/* CSS Document */
html, body {font-family: "Open Sans",sans-serif; height: 100%; width: 100%;}
.font-size-10{font-size: 12px;}
a {color: #054d84; text-decoration: none;}
.wrapper {height: 100%; overflow-x: hidden; overflow-y: auto; position: relative;}
.main-header {max-height: 72px; position: relative; z-index: 1030;}
.main-header .logo {display: block; float: left; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 700; height: 72px; line-height: 72px; overflow: hidden; padding: 0 15px;color: #ffffff; text-align: left; transition: width 0.3s ease-in-out 0s; width: 190px;}
.main-header .navbar {border: medium none; border-radius: 0; margin-bottom: 0; margin-left: 69px; /*line-height:57px;*/ min-height: 72px; transition: margin-left 0.3s ease-in-out 0s;}
.main-header .header-menu-icon {
	line-height: 1.5;
	min-height: 72px;
}
.main-header .sidebar-toggle {background-image: none; float: left; font-family: fontAwesome; font-size: 28px; padding: 14px; text-decoration: none; color:#bb021d;}
.main-header .sidebar-toggle:before{content:"\f0c9"}
.header-right{padding:18px 20px;}
.navbar-custom-menu .header-right li.header-right-radius a {border-radius: 100%; box-shadow: 0px 0px 6px rgba(0,0,0,0.2); height: 36px;	margin: 0 8px; padding: 6px; width: 36px;}
.navbar-custom-menu .header-right li.header-right-radius a i {color: #ffffff; font-size: 22px;}
.main-header .navbar .nav > li > a > .label {border-radius: 100%; font-size: 9px; height: 18px; line-height: 13px; padding: 2px 3px; position: absolute; right: -5px; text-align: center; top: -2px; width: 18px;}
.label-danger{background-color: #dc0505;}
.navbar-nav > .user-menu .user-image {border-radius: 50%; max-width: 100%; min-height:45px; min-width:45px;}
.navbar-custom-menu .navbar-nav li .dropdown-menu {left: auto; position: absolute; right: 0; top: 66px;}
.control-sidebar-bg {bottom: 0; position: fixed; z-index: 1000;}
.control-sidebar-bg{right: -230px; top: 0; transition: right 0.3s ease-in-out 0s; width: 230px;}
.control-sidebar-bg {background: #34383c;}
.control-sidebar.control-sidebar-open + .control-sidebar-bg {right: 0;}
.dropdown-search .dropdown-menu {border-radius: 0; margin-top: 36px;}
.main-header .navbar, .main-header .logo {background-color: #fff; font-family: 'Open Sans', sans-serif; text-decoration: none; box-shadow: 20px 0px 15px rgba(0,0,0,0.1);}
/*.main-header .logo img{margin-right:12px;}*/
.dashboard-page .main-sidebar{background-color:#BB021D;}

.sidebar-menu, 
.sidebar-menu > li.header {overflow: hidden; white-space: nowrap;}
.sidebar-menu {list-style:none; margin: 0; padding: 0;}
.dashboard-page .main-sidebar .sidebar-menu li{
	/* text-align:center;  */
	padding:10px 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.dashboard-page .main-sidebar .sidebar-menu li.active{background:#9D0118;}
.dashboard-page .main-sidebar .sidebar-menu li.active span,
.dashboard-page .main-sidebar .sidebar-menu li:hover span{color:#fff;}

.dashboard-page .main-sidebar .sidebar-menu li * {color:#fff !important;}

.dashboard-page .main-sidebar .sidebar-menu li{}

.dashboard-page .main-sidebar .sidebar-menu li a{padding:0px; text-decoration: none; display: block;}
.dashboard-page .main-sidebar .sidebar-menu li a span {color: #fff; font-family: "Open Sans",sans-serif; font-weight: 400;}
.dashboard-page .main-sidebar .sidebar-menu li .dashboard-ico{ background: url(../images/admin_images/dashboard-ico.png) no-repeat 2px 3px;}
.dashboard-page .main-sidebar .sidebar-menu li:hover .dashboard-ico,
.dashboard-page .main-sidebar .sidebar-menu li.active .dashboard-ico{background-position:-96px 2px;}
.dashboard-page .main-sidebar .sidebar-menu li .projects-ico{ background: url(../images/admin_images/projects-ico.png) no-repeat 2px 5px;}
.dashboard-page .main-sidebar .sidebar-menu li:hover .projects-ico,
.dashboard-page .main-sidebar .sidebar-menu li.active .projects-ico{background-position:-97px 5px;}
.dashboard-page .main-sidebar .sidebar-menu li .My-Reports-ico{background: url(../images/admin_images/My-Reports-ico.png) no-repeat 1px 1px;}
.dashboard-page .main-sidebar .sidebar-menu li:hover .My-Reports-ico,
.dashboard-page .main-sidebar .sidebar-menu li.active .My-Reports-ico{background-position:-97px 2px;}
.dashboard-page .main-sidebar .sidebar-menu li .View-Archiv-ico{background: url(../images/admin_images/View-Archiv-ico.png) no-repeat 4px 2px;}
.dashboard-page .main-sidebar .sidebar-menu li:hover .View-Archiv-ico,
.dashboard-page .main-sidebar .sidebar-menu li.active .View-Archiv-ico{background-position:-96px 2px;}
.dashboard-page .main-sidebar .sidebar-menu li .Calender-ico{background: url(../images/admin_images/Calender-ico.png) no-repeat 1px 0; width: 52px !important;}
.dashboard-page .main-sidebar .sidebar-menu li:hover .Calender-ico,
.dashboard-page .main-sidebar .sidebar-menu li.active .Calender-ico{background-position:-92px 2px;}
.dashboard-page .main-sidebar .sidebar-menu li .Non-billable-Tasks-left{background: url(../images/admin_images/Non-billable-Tasks-left.png) no-repeat 0px 4px;}
.dashboard-page .main-sidebar .sidebar-menu li:hover .Non-billable-Tasks-left,
.dashboard-page .main-sidebar .sidebar-menu li.active .Non-billable-Tasks-left{background-position:-87px 3px;}
/*new icon*/
.dashboard-page .main-sidebar .sidebar-menu li .department-ico{background: url(../images/admin_images/department-ico.png) no-repeat 2px 2px;}
.dashboard-page .main-sidebar .sidebar-menu li:hover .department-ico,
.dashboard-page .main-sidebar .sidebar-menu li.active .department-ico{background-position:-95px 2px;}
.dashboard-page .main-sidebar .sidebar-menu li .client-ico{background: url(../images/admin_images/client-ico.png) no-repeat 2px 2px;}
.dashboard-page .main-sidebar .sidebar-menu li:hover .client-ico,
.dashboard-page .main-sidebar .sidebar-menu li.active .client-ico{background-position:-94px 2px;}	
.dashboard-page .main-sidebar .sidebar-menu li i {margin-right: 5px;}
.sidebar-collapse.dashboard-page .main-sidebar .sidebar-menu li i {margin-right: 0; font-size: 20px;}
.sidebar-collapse.dashboard-page .main-sidebar .sidebar-menu li a {text-align: center;}

/*new icon*/
.dashboard-page .main-sidebar .sidebar-menu li .link-icon {display: table; height: 43px; margin: 0 auto 5px; width: 43px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.sidebar-mini.sidebar-collapse .main-sidebar li .link-icon {margin-bottom: 0;}
.content-wrapper, .right-side, .main-footer{margin-left:190px; z-index: 800; transition: transform 0.3s ease-in-out 0s, margin 0.3s ease-in-out 0s;}
.content-wrapper, .right-side {background-color: #f1f0f0; min-height: 100%; z-index: 800;}
.content-header h3{margin:0;}

.content {margin-left: auto; margin-right: auto; padding:30px 30px;}
.main-footer {background: #fff; color: #333; padding: 20px 15px; font-size: 13px; box-shadow: -2px 0px 7px #c6c6c6;text-align: center;}
.main-sidebar, .left-side {left: 0; min-height: 100%; padding-top: 72px; position: absolute; top: 0; transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s; width: 190px; z-index: 810;}
.sidebar-mini.sidebar-collapse .main-sidebar {transform: translate(0px, 0px); width: 70px; z-index: 850;}
.sidebar-mini.sidebar-collapse .content-wrapper, 
.sidebar-mini.sidebar-collapse .main-footer {margin-left: 70px; z-index: 840;}
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {border-top-right-radius: 4px; display: none; transform: translateZ(0px);}
.control-sidebar-bg, .control-sidebar {right: -324px; top: 0; transition: right 0.3s ease-in-out 0s; width: 324px;}
.control-sidebar {padding-top: 88px; position: absolute; z-index: 1010;}
.control-sidebar.control-sidebar-open, 
.control-sidebar.control-sidebar-open + .control-sidebar-bg {right:0;}
.Recent-Activity-section {padding:30px 30px 0;}
.Recent-Activity-section h3{color:#ffffff; font-size:20px; font-weight:600; margin:0 0 16px;}
.Recent-Activity-list{border-left:4px solid #4a4e50; padding-left:25px;}
.Recent-Activity-box {padding: 22px 0; position:relative;}
.Recent-Activity-box .date-Recent {background: #FA8202; border-radius: 4px; color: #ffffff; display: inline-block; font-size: 15px; font-weight: 600; height: 27px; line-height: 1.6; margin-left: -11px; padding: 0 20px; position: relative; margin-bottom: 32px;}
.Recent-Activity-box .date-Recent::before{background: #FA8202; border-radius: 100%; content: ""; display: block; height: 10px; left: -20px; position: absolute; top: 8px; width: 10px;}
.Recent-Activity-box .date-Recent::after {background: url(../images/admin_images/date-Recent-ico.png) no-repeat; content: ""; display: block; height: 7px; left: -6px; position: absolute; top: 9px; width: 6px;}
.Recent-Activity-box p {color: #ffffff; font-size: 15px; line-height: 1.5;}
.Recent-Activity-box a{color: #6c757e; font-size: 13px; line-height: 1.5; font-weight:600;}
.Recent-Activity-box .Recent-icon {border-radius: 100%; display: inline-block; height: 31px; left: -42px; margin-top: 18px; padding: 5px 0; position: absolute; text-align: center; width: 31px;}
.fix-menu-button {margin-top: -23px; position: fixed; right: 0; top: 50%; z-index: 999; transition: right 0.3s ease-in-out 0s;}
.control-sidebar-open .fix-menu-button{right:324px;}
.fix-menu-button a {color: #ffffff; font-size: 20px; padding:10px 14px; display:block;}
.heading-desk {display: inline-block; margin-right: 13px; vertical-align: sub !important; position: relative; top: -2px;}
label {font-family: "Open Sans",sans-serif;font-size: 14px;font-weight: 600;letter-spacing: 0.5px;color: #2f2c2c;}
.btn-info-search{min-width:115px;}
.form-control {border: 1px solid #b4b3b4;border-radius: 0;box-shadow: none;color: #67707d;font-family: "Open Sans",sans-serif;background: #ffffff; padding: .575rem 1rem; font-size: 15px; border-radius: 3px;}
select.select-drop{background: url(../images/admin_images/drop-down-icon.png) no-repeat right center !important; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}
.table-section{border:none;}
.table-section thead{background-color:#414344;}
.table-section thead th {color:#ffffff; font-size:14px; font-weight:600; text-transform: capitalize; border-right:0px !important; position:relative;}
.table-section thead th:before{position:absolute; right:0px; bottom:10px; top:10px; display:block; content:"";}
.table-section thead th:first-child{padding-right:10px; width:25px !important;}
.table-section .checkbox-table {display: table; margin:0 auto;}
.table-section .checkbox-table label{margin-bottom:0px;}
.table-section td{color: #3f3f3f; font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: 400; background-color:#fafafa; vertical-align:middle !important;} 
.main-search {margin-top: 23px;}
.main-search .form-control {border: 1px solid #fff; float: left; font-family: "Open Sans",sans-serif; font-size: 15px; font-weight: 400; width: 330px; padding: .475rem 1rem; margin-right: -41px; background: #fff;}
.main-search .search-header-icon{background: url("../images/admin_images/search-ico.png") no-repeat center center; border-radius: 0; display: inline-block; font-size: 0; height: 24px; margin-top: 5px; width: 27px;}
.table-section .table-icon {display: inline-block; margin: 0 7px;}


.checkbox-table input[type="checkbox"]{ display: none; border: none !important; box-shadow: none !important;}
.checkbox-table input[type="checkbox"] + label span {display: inline-block; vertical-align: middle; width: 21px; height: 21px; background: url(../images/admin_images/uncheck.png) no-repeat;}
.checkbox-table input[type="checkbox"]:checked + label span {background: url(../images/admin_images/check_2.png) no-repeat; content: ''; color: #fff; vertical-align: middle; width: 21px;    height: 21px;}


/*-------------------Manager Dashboard4 Page end------------------*/

/*-------------------Project List Page Start------------------*/
.input-group .input-group-addon {background-color:#fff; border-radius:0; border-color:#b4b3b4; color:#b4b3b4; border-left:1px solid;}
.input-group.date .form-control{border-right:0px;}
/*-------------------Project List Page end------------------*/

/*-------------------Breadcrumb Start------------------*/
.breadcrumb-bg{background:#e4e5e7; margin-bottom:10px;}
.breadcrumb {background-color:inherit; border-radius:0px; list-style:none; margin-bottom:0px; padding:11px 15px; font-size: 13px;}
.breadcrumb > li + li::before{color:#02477c; content:">"; padding:0 3px 0 6px;}
/*-------------------Breadcrumb end------------------*/

/*bootstrap class*/

/*Font*/
.font-size-12{font-size: 12px;}
.font-size-13{font-size: 13px;}
.font-size-14{font-size: 14px;}
.font-size-15{font-size: 15px;}
.font-size-16{font-size: 16px;}
.font-size-17{font-size: 17px;}
.font-size-18{font-size: 18px;}

.line-hight-1{line-height: 1.3;}

.border-primary {border-color: #256942 !important;}

select.form-control {height: calc(2.6rem + 2px) !important;}

/*bg*/
.bg-primary {background-color: #256942 !important;}
.bg-danger {background-color: #FA8202 !important;}
.bg-info {background-color: #7e99c4 !important;}
.badge-primary {background-color: #256942;}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {background-color: #002a6b !important;}

a.bg-danger:focus, a.bg-danger:hover, 
button.bg-danger:focus, button.bg-danger:hover {background-color: #fb6b29 !important;}

/*BTN*/
.btn-primary {
    background-color: #BB021D;
    border-color: #BB021D;
    color: #fff;
}
.btn-primary:hover,.btn-primary:focus {background-color: #9D0118; border-color: #9D0118;color: #ffffff;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {background-color: #9D0118; border-color: #9D0118;}

.btn-danger {background-color: #FA8202; border-color: #FA8202;}
.btn-danger:hover {background-color: #fb6b29; border-color: #fb6b29;}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {background-color: #fb6b29; border-color: #fb6b29;}



/*TEXT COLOR*/
.text-primary {color: #BB021D !important;}
.text-primary-light {color: #7facf1 !important;}
.text-danger {color: #FA8202 !important;}
/*bootstrap class*/



.colorpicker-2x .colorpicker-saturation { width: 200px; height: 200px; } .colorpicker-2x .colorpicker-hue, .colorpicker-2x .colorpicker-alpha { width: 30px; height: 200px; } .colorpicker-2x .colorpicker-color, .colorpicker-2x .colorpicker-color div { height: 30px; } 

.heading-first-bg h4.panel-title img{max-width:20px;}

body .table-section table.table-main th,
body .table-section table.table-main td{width: auto !important;}
body .table-section table.table-main th.action-110 {width: 110px !important;}
body .table-section table.table-main th.action-90 {width: 80px !important;}
body .table-section table.table-main th.action-60 {width: 60px !important;}
body .table-section table.table-main th.profile-photo {width: 115px !important;}
body .table-section table.table-main th.id {width: 20px !important;}
body .table-section table.table-main th {padding-right: 22px !important;}

.arrow-none::after{display: none !important;}
.notification-radio {padding: 3px; width: 22px; height: 22px; line-height: 18px; right: -3px; top: -9px;}

/*----------switch------------*/
.switch-main .switch {position: relative; display: inline-block; width: 70px; height: 26px;}
.switch-main .switch input {display:none;}
.switch-main .slider {position: absolute; cursor: pointer; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; background-color: #757474; -webkit-transition: .4s; transition: .4s;}
.switch-main .slider:before {position: absolute; z-index: 2; content: ""; height: 22px; width: 22px; left: 2px; bottom: 2px; background-color: #fff; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22); -webkit-transition: .4s; transition: all 0.4s ease-in-out;}
.switch-main .slider:after {position: absolute; left: 0; z-index: 1; content: "OUI"; font-size: 13px; text-align: left !important; line-height: 24px; padding-left: 0; width: 70px; color: #fff; height: 26px; border-radius: 100px; background-color: #54b35d; -webkit-transform: translateX(-44px); -ms-transform: translateX(-44px);  transform: translateX(-74px); transition: all 0.4s ease-in-out;}
.switch-main input:checked + .slider:after {-webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); width: 70px; padding-left: 14px;}
.switch-main input:checked + .slider:before {background-color: #fff;}
.switch-main input:checked + .slider:before {-webkit-transform: translateX(44px); -ms-transform: translateX(44px); transform: translateX(44px);}
.switch-main .slider.round {border-radius: 100px;}
.switch-main .slider.round:before {border-radius: 50%;}
.switch-main .absolute-no {position: absolute; left: 0; color: #fff; text-align: right !important; font-size: 13px; width: calc(100% - 12px); height: 26px; line-height: 24px; cursor: pointer;}
/*--------switch---------*/

.table-section thead th::before, .table-section thead th::after {top: 50%; bottom: auto !important; transform: translateY(-50%);}
.table-section thead th {line-height: 1.1; vertical-align: middle !important;}

div.dataTables_wrapper div.dataTables_length select {height: auto !important;}
div.dataTables_wrapper div.dataTables_info {font-weight: 600;}
footer.main-footer strong a {color: #FA8202;}
.date .input-group-addon {border-color: #b4b3b4 !important;}
.status-lable {min-width: 62px;}
.control-sidebar {height: 100%;}
.Recent-Activity-section {height: 100%;	overflow: auto;}
div.dataTables_wrapper div.dataTables_length label {font-weight: 600;}
.main-search button.btn {height: 39px;}

.page-link {color: #256942;}
.page-item.active .page-link {background-color: #256942; border-color: #256942;}

.search-btn .btn {border-color: #b4b3b4 !important;	border-left: 0 !important;}
/*.headerlable {border-left: 1px solid rgba(255, 255, 255, 0.3); padding-left: 20px; padding-top: 4px; padding-bottom: 4px; background: rgba(123, 123, 123, 0.3);	padding-right: 20px; border-right: 1px solid rgba(255, 255, 255, 0.3);}*/

/*.headerlable span {margin: 2px; text-transform: capitalize; display: block;}*/
.headerlable {
	margin-top: 18px;
}
.headerlable .headercol {
	display: inline-block;
	padding-right: 20px;
}
.main-header .logo {
	text-align: center;
}
.sidebar-mini.sidebar-collapse .logo {
	width: 69px;
}
.main-header .logo img {
	margin-right: 0;
	max-width: 140px;
}

.MultiCheckBox {border:1px solid #b4b3b4; padding: 10px; border-radius:4px; cursor:pointer; font-size: 14px; color: #67707d;}
.MultiCheckBox .k-icon{font-size: 15px; float: right; font-weight: bolder; margin-top: -7px; height: 10px; width: 14px; color:#787878;} 
.MultiCheckBoxDetail {display:none; position:absolute; border:1px solid #e2e2e2; overflow-y:hidden; z-index: 9;}
.MultiCheckBoxDetailBody {overflow-y:scroll;}
.MultiCheckBoxDetail .cont  {clear:both; overflow: hidden; padding: 2px 9px; background: #fff; font-size: 14px;}
.MultiCheckBoxDetail .cont:hover  {background-color:#cfcfcf;}
.MultiCheckBoxDetailBody > div > div {float:left; padding-right: 8px;}
.MultiCheckBoxDetailHeader {overflow:hidden; position:relative; height: 36px; background-color:#3d3d3d;}
.MultiCheckBoxDetailHeader>input {position: absolute; top: 11px; left: 9px; font-size: 14px;}
.MultiCheckBoxDetailHeader>div {position: absolute; top: 7px; left: 30px; color:#fff; font-size: 14px;}
.login_page-main {background: rgb(0,35,89); background: linear-gradient(90deg, rgba(19 19 19) 50%, rgba(72 71 49) 50%, rgba(255 218 0 / 47%) 100%);}

#addrow {
	min-width: 95px;
}
.fa-plus-ico{background:url(../images/admin_images/add-ico.png) no-repeat center center; display:inline-block; min-height:20px; min-width:20px;}
.delete-ico,
.delete-ico:focus,
.delete-ico:hover {background: #256942 url(../images/admin_images/white-delete-ico.png) no-repeat 8px center; padding-left:34px !important;}


.sidebar-mini.sidebar-collapse .sidebar-menu li ul li a span {border-top-right-radius: 4px;
    display: none;transform: translateZ(0px);}

/*.dashboard-page .main-sidebar .sidebar-menu li.active {display: flex;}*/
.dashboard-page .main-sidebar .sidebar-menu li ul li {text-align: left;padding: 10px 0 10px 2px;}
.error{color: red;}
.sidebar-item .dropdown-menu { position: relative !important; transform: none !important; background-color: transparent; padding-left: 10px; padding-top: 0; }

.sidebar-mini .main-header span.logo-mini {
	display: none;
}

body.login {
    display: flex;
    align-items: center;
}

.input-group label.error {
    position: absolute;
    bottom: -16px;
    font-size: 11px;
}


.publication-edit img {
    max-width: 300px;
}