/**
orange: #ffd906
gray: #2D2D2D
**/

html,
body {
    font-family: 'Roboto' !important;
    background: #eaedf1;
    color: #4A4A4A;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
}

.Logo
{
    font-size: 18px;
    font-weight: 600;    
}

header{
    background: #3da8b5;
    width: 100%;
    text-align: center;
    padding: 20px 40px;
    color: #fff;
}

header a
{
    color: #fff;
    display: inline-block;
    padding: 0px 10px;
    margin: 0px 5px; 
    
}

header a:hover
{
    color: #015684;
    text-decoration: none;
}

    .Content
    {
        /*padding: 5px 5px;*/
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background: #fff;  
        margin: 0px auto 15px auto;
        color: #2c2e31;
    }
    
    .ContentLabel
    {
        font-family: 'Barlow Semi Condensed' !important;
        background: #037CA8;
        color: #fff;
        padding: 10px;
        text-align: center;
    }
    
    .UserTypeBoxhandler
    {
        padding: 60px 20px 300px 20px;    
    }
    
    .UserTypeBoxWrapper
    {
        background: #fff;
    }
    
    .UserTypeBox
    {
        border: 1px solid #3db66f;
        text-align: center;
    }
    
    .UserTypeBoxName
    {
        color: #fff;
        padding: 40px 0px;
        font-size: 20px;
        font-weight: 600;
    }
    
    .UserTypeIcoHandler
    {
        text-align: center;
    }
    
    .UserTypeIco
    {
        font-size: 23px;
        color: #fff;
        display: inline-block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        padding: 10px;
        width: 50px;
        height: 50px;
        text-align: center;
        border: 3px solid #fff;
        margin-top: -25px;
    }

    
    .UserTypeGoLogin
    {
        padding: 25px 0px;
        text-align: center;
    }
    
    .Color1{
        background: #47ae3d;
    }

    .Color2{
        background: #3db66f;
    }
    
    .Color3{
        background: #3dbfb3;
    }

input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  background: transparent url(../img/miarka.png); /* Otherwise white in Chrome */
  background-size: 100% 20px;
  height: 20px;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;

  /* Hides the slider so custom styles can be added */
  background: transparent; 
  border-color: transparent;
  color: transparent;
}

/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #0194D3;
  cursor: pointer;
  margin-top: -14px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #0194D3;
  cursor: pointer;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #0194D3;
  cursor: pointer;
}

.JsWindowFrame{
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    display: none;  
    
}

.JsWindow{
    width: auto;
    position: absolute;
    left: auto;
    top: 15%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: rgba(255,255,255,1);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.3);
}

.JsWindow.JsWindowNoBg{
    background: none;
    box-shadow: none;
}

.JsWindowPreloader{
    text-align: center;
    padding-top: 105px;
    font-size: 18px;
    color: #ffd906;
    position: relative;
}

.JsWindowPreloader .JsWindowPreloaderIco
{
    display: inline-block;
    padding: 20px;
    text-align: center;
    font-size: 50px;
    font-weight: 200;
    vertical-align: middle;
}

.JsWindowCloseBtn{
    position: absolute;
    right: 12px;
    top: 12px;
    color: #2D2D2D;
    font-size: 14px;
}

.JsWindowCloseBtn:hover{
    color: #DD1010;    
}

.JsWindowHandler{
    display: block;
}

    .AlertWindow
    {
        padding: 20px 10px;
        font-size: 15px;
        font-weight: 200;
        position: fixed;
        width: 30%;
        right: 5%;
        top: 5%;
        z-index: 999995;
        color: #fff;
        -webkit-box-shadow: 11px 14px 10px -9px rgba(0,0,0,0.56);
        -moz-box-shadow: 11px 14px 10px -9px rgba(0,0,0,0.56);
        box-shadow: 11px 14px 10px -9px rgba(0,0,0,0.56);
        display: none;
    }
    
    .AlertWindow strong
    {
        font-weight: 400;
        font-size: 19px;
        display: block;
    }
    
    .AlertWindow .AlertCloseLoader
    {
        width: 1%;
        height: 5px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 999996;
    }
    
    .AlertWindow .AlertClose
    {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 999997;
    }
    
    .AlertWindow .AlertClose a{
        color: #fff;
    }
    
    .AlertWindow .AlertClose a:hover
    {
        color: #6C6B6B
    }
    
    .AlertIco
    {
        padding: 7px 10px;
        float: left;
    }
    
    .AlertIco .fa{
        font-size: 35px;
    }
    
    .AlertContent
    {
        float: left;
        text-align: left;
    }

    
    .AlertWindow.AlertSuccess
    {
        background: rgba(63,207,180,0.95)/*#3fcfb4*/;
    }
    
    .AlertWindow.AlertSuccess .AlertCloseLoader
    {
        background: #279b85;
    }

    .AlertWindow.AlertError
    {
        background: rgba(197,83,81,0.95)/*#3fcfb4*/;
    }
    
    .AlertWindow.AlertError .AlertCloseLoader
    {
        background: #BF0303;
    }
    
    .UsableWindow
    {
        background: #FFFFFF;
        padding: 20px 10px;
        font-size: 15px;
        font-weight: 200;
        position: fixed;
        width: 40%;
        left: 30%;
        top: 5%;
        z-index: 999995;
        color: #000;
        -webkit-box-shadow: 11px 14px 10px -9px rgba(0,0,0,0.56);
        -moz-box-shadow: 11px 14px 10px -9px rgba(0,0,0,0.56);
        box-shadow: 11px 14px 10px -9px rgba(0,0,0,0.56);
        display: none;
    }

    .UsableWindow strong
    {
        font-weight: 400;
        font-size: 19px;
        display: block;
    }
    
    
    .UsableWindow .UsableClose
    {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 999997;
    }
    
    .UsableWindow .UsableClose a{
        color: #D60606;
    }
    
    .AlertWindow .UsableClose a:hover
    {
        color: #6C6B6B
    }
    
    .UsableIco
    {
        padding: 7px 10px;
        float: left;
    }
    
    .UsableIco .fa{
        font-size: 35px;
    }
    
    .UsableContent
    {
        padding: 10px;
    }


.JsWindow .ContentLabelLine, 
.JsWindow .ContentLabel
{
    -webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}

form.Form{
    width: 100%;
    padding: 15px;
}

.FormRowHeader{
    padding: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #ffd906;
}

.FormRow{
    padding: 10px;
}

.FormRowFooter{
    padding: 10px;
    text-align: center;
}

.FormRowSubmitLock{
    background: #C6C6C6;
    color: #6A6A6A;
}


.table thead td
{
    font-size: 14px;
    text-align: left;       
    font-weight: 200;
    text-align: center;
    color: #353535;
    background: #2D2D2D;
    background: -webkit-linear-gradient(#E6E6E6,#B5B5B5);
    background: -o-linear-gradient(#E6E6E6,#B5B5B5);
    background: -moz-linear-gradient(#E6E6E6,#B5B5B5);
    background: linear-gradient(#E6E6E6,#B5B5B5);    
    border: none !important;
}

.table td
{
    border: none !important;
    vertical-align: middle !important;

}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #E4E4E4;
}

.bg-green{
    padding: 45px;
    font-size: 27px;
    text-align: center;
    color: #fff;
    background: #d9a800;
    background: -webkit-linear-gradient(#feab02,#d9a800);
    background: -o-linear-gradient(#feab02,#d9a800);
    background: -moz-linear-gradient(#feab02,#d9a800);
    background: linear-gradient(#feab02,#d9a800);
}





.PreFooter
{
    padding: 15px 0px;    
}

.PreFooter h4
{
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}

.PreFooterNavigation a
{
    font-size: 12px;
    font-weight: 200;
    display: block;
    color: #E0E0E0;
    padding: 4px 0px;
}

.PreFooterNavigation a:hover
{
    color: #ffd906;
}

footer{
    width: 100%;
    padding: 20px;
    background: #2D2D2D;
    color: #fff;
}

footer .social{
    text-align: center;
    padding: 5px;    
}

footer .social a{
    display: inline-block;
    padding: 4px;
}

footer a{
    color: #fff;
    text-decoration: none;
}

footer a:hover{
    color: #ffd906;
}

footer #copyright{
    text-align: center;
    padding: 5px;
}

.flexible_center {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w100{
    width: 100%;
}

.none{
    display: none;
}

.clear{
    clear: both !important;
}

.p10{
    padding: 10px;
}

.p20{
    padding: 20px;
}

.p30{
    padding: 30px;
}

.pb30{
    padding-bottom: 30px;    
}

.mt80{
    margin-top: 80px;
}

.mb30{
    margin-bottom: 30px;
}

.bold{
    font-weight: bold;
}

.c-green{
    color: #7EB105;
}

.c-red{
    color: #C90404;
}

.radius{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.radius5{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.radius10{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.radius25p{
    -webkit-border-radius: 25%;
    -moz-border-radius: 25%;
    border-radius: 25%;
}

.opacity0{ opacity: 0; }
.opacity1{ opacity: 0.1; }
.opacity2{ opacity: 0.2; }
.opacity3{ opacity: 0.3; }
.opacity4{ opacity: 0.4; }
.opacity5{ opacity: 0.5; }
.opacity6{ opacity: 0.6; }
.opacity7{ opacity: 0.7; }
.opacity8{ opacity: 0.8; }
.opacity9{ opacity: 0.9; }
.opacity10{ opacity: 1; }

.fs8{ font-size:  8px; }
.fs9{ font-size:  9px; }
.fs10{ font-size:  10px; }
.fs11{ font-size:  11px; }
.fs12{ font-size:  12px; }
.fs13{ font-size:  13px; }
.fs14{ font-size:  14px; }
.fs16{ font-size:  16px; }
.fs18{ font-size:  18px; }
.fs20{ font-size:  20px; }
.fs22{ font-size:  22px; }
.fs24{ font-size:  24px; }
.fs26{ font-size:  26px; }
.fs28{ font-size:  28px; }
.fs30{ font-size:  30px; }
.fs32{ font-size:  32px; }
.fs34{ font-size:  34px; }
.fs36{ font-size:  36px; }
.fs38{ font-size:  38px; }
.fs40{ font-size:  40px; }
.fs42{ font-size:  42px; }

.relative{
    position: relative;
}



