@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #e54c3f;/**/
}

html,body{ min-height: 100%;}
body{font-family: 'Roboto', sans-serif; color: #333333 !important;}
.f11{ font-size: 0.65rem;}
.f12{ font-size: 0.75rem;}
.f14{font-size: .875rem;}
.f18{ font-size: 1.25rem;}
.text-gray{color: #666666;}
.rounded-12{border-radius: 0.75rem;}
.rounded-16{border-radius: 1rem;}
.border-gray{ border-color: #b3b3b3 !important;}
.btn-primary{ background-color: #666666; border-color: #666666;}
.btn-primary:focus, .btn-primary:hover{background-color: #666666; border-color: #666666;}
.border-primary{border-color: #880b8a !important;}
.forgot-color{color: #0071bc; text-decoration: none;}
.bg{ background: url("../images/bg.jpg") no-repeat bottom center; background-size: cover; background-attachment: fixed;}
.navbar .navbar-toggler{ border: none !important; padding: 0 !important; top: 1rem !important;}
.navbar{background: url("../images/header-bg.svg") repeat-x top -1px center; border-top: 3px solid #750079; border-bottom: 3px solid #880b8a;}
.navbar .navbar-toggler:focus{ box-shadow: none;}
.navbar-brand {text-align: center;}
.navbar .navbar-toggler { top: .25rem; right: 1rem;}
.navbar .form-control { padding: .15rem 1rem;}
.navbar .form-control:focus{box-shadow: none;}
.logo{ width: 140px;}
.user-name{ font-weight: 300; line-height: 16px; position: relative; color: #ffffff}
.user-name:after{position: absolute; content: ''; right: 0; top: 5px; bottom: 5px; border-right: 2px solid #f7931e; }
.logout-icon{ background: url("../images/logout-icon.svg") no-repeat; width: 20px; height: 20px; display: inline-block; text-indent: -9999px; transition: 0.4s;}
.logout-icon:hover, .logout-icon:focus{ background-position: 0 -21px; }
.content-waper{ padding-top: 1rem;}
.login-block-wraper{ min-height: calc( 100vh - 80px ); padding: 0 1rem;}
.login-block{box-shadow: 0px 1px 6px #575656; border: 1px solid #880b8a;}
.error-msg{ font-size: 12px; color: #FC5965;}
.required-field{ color:#FF0000; }
.login-hd{ font-size: 1.375rem; font-weight: 500; color: #880b8a;}
.login-fileds .form-control{ border-top: none; border-left: none; border-right: none; border-radius: 0; font-size: 1.125rem;}
.login-fileds .form-floating > .form-control:focus{outline: none  !important;}
.login-fileds .form-control:focus{ box-shadow: none;}
.login-fileds .form-floating > label{ font-size: 18px; font-weight: 300}
.login-fileds  .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {  padding-top: 2.5rem;}
.login-elements{ margin-top: 3rem;}
.login-elements .login-elements-icons{ width: 80%;}
/*.content-body{min-height: calc(100vh - 225px);}*/
.breadcrumb-hd .breadcrumb-item, .breadcrumb-hd .breadcrumb-item a{ font-size: 1.75rem;; font-weight: 500; color: #333333; text-decoration: none;}
.custom-form .form-control, .custom-form .form-select{ border-radius: 0; border-left: none; border-right: none; border-top: none; background-color: transparent; padding-left: 0; font-weight: 300}
.custom-form .form-control:focus{ box-shadow: none;}
.custom-form select { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; cursor: pointer; background: #ffffff url(../images/select-arrow.svg) no-repeat center right 10px; padding-right: 38px; }
.custom-form select::-ms-expand {display: none;}
.file { position: relative; overflow: hidden;}
.file input { position: absolute; font-size: 50px; opacity: 0; right: 0; top: 0;}
.custom-scroll{ min-height: .01%;overflow-x: auto; border: 1px solid #ddd;}
.fixed-table-header{ border: none; width: 99.9%;}
.fixed-table-header th { position: sticky; top: 0; background: #e6e6e6  !important; z-index:2; border-bottom: 1px solid #ccc;}
.fixed-table-header th:after{content: ''; position: absolute; right: -1px; top:0; bottom: 0; background-color: #e6e6e6; width: 1px;}
.fixed-table-header > thead > tr > th:first-child, .fixed-table-header > tbody > tr > td:first-child{ border-left: none;}
.fixed-table-header > tbody > tr:last-child > td{ border-bottom: none;}
.fixed-table-header.table > :not(caption) > * > *{ background-color: #f2f2f2; border-color: #ccc !important;}
.fixed-table-header.table > thead > :not(caption) > * > *{ border-top: none;}
.custom-list{ border-bottom: none ;}
.custom-list .nav-link{ color: #500053; border: none; border-radius: 6px; margin-bottom: 0; padding: 0.2rem 0.4rem; font-size: 12px; text-transform: uppercase;} 
.custom-list .nav-item.show .nav-link, .custom-list .nav-link.active{color: #ffffff; background-color: #500053; }
.help-icon{ background: url("../images/help-icon.svg") no-repeat; width: 14px; height: 14px; display: inline-block;}
.tooltip-inner { background-color: #500053; opacity: 1 !important;}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    /*position: absolute;*/
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 22px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #500053;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: radial-gradient(ellipse at center, #9c109e 0%,#500053 100%);
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
table th{background-color:#cccccc !important;}
table td a{text-decoration: none; color: dodgerblue;}
.custom-modal .modal-content{ border:10px solid #a614a8; border-radius: 10px;}
.name-style{ color: #a614a8; font-size: 22px;}
.fb-icon{ background: url("../images/fb-icon.svg") no-repeat; background-size: 100%; display: inline-block; width: 32px; height: 32px; vertical-align: middle;}
@media (min-width:768px){
	.custom-list .nav-link{ padding: .7rem 1.5rem; font-size: 14px;}
	.login-block{ /*width: 450px; */}
}
@media (min-width:992px){	
	.logo{ width: 204px;}
	.content-waper{padding-top: 0;}
	.scrollbar{max-height: calc(100vh - 315px)}
}
@media (max-width: 767.98px) {
	.login-row{ margin: 0;}
	.navbar-brand{ padding: 0;}
	.login-block-row{ width: 100%;}
}
.tooltips {
		background: url("../images/help-icon.svg") no-repeat;
width: 14px;
height: 14px;
display: inline-block;
font-size:14px;
}

.tooltips .tooltiptext {
  visibility: hidden;
  width: 240px;
  background-color: #750079;
  
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltips:hover .tooltiptext {
  visibility: visible;
	color: #fff;
}