@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

html, body { 
/*height: auto;*/
min-height: 100%;
margin: 0;
}

html { 
position: relative;
}

.login-page { 
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
}
.login-container .row { 
    margin-left: 0 !important;
     margin-right: 0 !important; 
     margin-bottom: 20px;
}

.chose-language {
    margin-top: 24px;
}
.dropdown-backdrop {
    display:none;
}
.user-info-navbar {
    background-color :#f1f1f1 !important;
}
.user-info-navbar .user-info-menu > li > a {
    border-bottom: 1px solid #f1f1f1 !important;
}
.user-info-navbar .user-info-menu > li {
    border: 1px solid #f1f1f1 !important;
}
.page-container .main-content{background-color:#fff;}
.user-info-navbar .user-info-menu > li.open 
{
    z-index:9999 !important;
}

.col-black{
    background:rgba(0,0,0,0.5);
    color:white;
    padding:10px 15px 10px 15px;
    border-radius: 4px;
}
.col-pading-left{
        padding: 16px 20px !important;
}
.text-wrapper{
    line-height:25px;
}
.arrow-divider{
    font-size:18px;
    padding-right: 15px;
    padding-left: 5px;
    padding-top: 5px;
}
.text-title > h4{
    margin-left:30px;
}
.text-container{
    padding-top: 5px;
    vertical-align: top;
}
.text-container a {
    color:white;
}
.text-container a:hover
{
    text-decoration : none;
    cursor:pointer;
}
.text-wrapper > div
{
    display:table-cell;
}
.m30 
{
    margin-bottom:30px;
}
.mt20{
    margin-top:50px;
    clear: both;
}
.login-container{
    width:100%;
    max-width: 1050px;
    height: 100%;
    margin:0 auto;
}
.page-title-login{
    color:white;
}
.page-subtitle{
    color:white;
}
.paragraf-title{font-weight:bold;display:block;}
.language-dropdown{text-align:right;}

.language-dropdown a.white-color{ 
    text-decoration: none;
    transition: all .25s;
}

.validation-summary-errors ul {
    padding: 0;
}

.validation-summary-errors ul li {
    list-style-type: none;
    color: red;
}

.language-dropdown a.white-color:hover { 
    color: #000;
}
.white-color{color:white;}
/*.select2-container > a 
{
    border-bottom: 2px solid !important;
    background: transparent !important;
    color: white !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}
.select2-arrow{
        background: none;
    border: none;
    color: white;
}
.select2-arrow > b{
      display: block !important;
    width: 100% !important;
    height: 100% !important;
    background: url(../../Content/login-img/line_languages.png)) no-repeat 0 1px !important;
}*/
.login-form{
    /*padding:28px 25px 22px 25px;*/
}
.mb10{
    margin-bottom:10px;
}
.pt45 { padding-top:45px;}
.lgn-control {
    display: block;
    width: 88%;
    height: 45px;
    border:none;
   outline: none;
    
}
.submit-input { width: 100% !important;  }
.username-input{
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    background: transparent;
    height: 43px;
    margin-top: 3px;
}
.username-input:focus,.pass-input{border:none}
.user-img{
    position: absolute;
    margin-bottom: 0;
    left: 15px;
    background-repeat: no-repeat;
    border: none;
    border-radius: 5px;
    background-position: 3px 1px;
    background-image: url(../../Content/login-img/username.png) !important;
    width: 40px;
    display: inline-block;
    background-color: white;
    background-position: center;
    height: calc(100% - 6px);
    top: 3px;
}
.pass-img{
    position: absolute;
    margin-bottom: 0;
    left: 15px;
    background-repeat: no-repeat;
    background-image: url(../../Content/login-img/password.png) !important;
    background-position: center;
    display: inline-block;
    width: 40px;
    height: calc(100% - 6px);
    background-color: white;
    top: 3px;
}
.pass-input {
   display: inline-block;
    vertical-align: top;
    font-size: 16px;
    background: transparent;
    height: 42px;
    margin-top: 3px;
}
.submit-input{
    background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #35759f), color-stop(10%, #3b83b3));
    border: 1px solid #0f4468;
    color:white;
     font-size:16px;
     border-radius: 5px;
     transition: all 0.8s;
}

.submit-input:hover { 
    background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #35759f), color-stop(10%, #5895be));
}
.control-wrapper { border-radius: 5px;margin-bottom:10px; }
.social-login{
    display:inline-block;
    width:65px;
    height:65px;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    margin-right: 10px;
}

.social-login.ln {
    margin-right: 0;
}

.pt50 { padding-top:50px;}
/*.fb{background-image: url('../../Content/login-img/icon_facebook.png'); }
.fb:hover{background-image: url('../../Content/login-img/icon_facebook_hover.png'); transition: all 0.8s;}
.tw{background-image: url('../../Content/login-img/icon_twitter.png'); transition: all 0.8s;}
.tw:hover{background-image: url('../../Content/login-img/icon_twitter_hover.png'); transition: all 0.8s;}
.ln {background-image: url('../../Content/login-img/icon_linkedin.png');  transition: all 0.8s;}
.ln:hover {background-image: url('../../Content/login-img/icon_linkedin_hover.png');  transition: all 0.8s;}*/
.footer-fix{
    /*position: absolute;*/
    bottom: 0px;
    font-size: 22px;
    color: gray;
    text-align: center;
    width: 100%;
    left: 0;
    margin-right: 0;
    margin-left: 0;
}
.error{
    color:red
}
.control-wrapper{
    width:100%;
    background-color:white;
    position: relative;
    padding-left: 65px;
    /*padding: 8px 0 5px 65px;*/
    height: 45px;
    overflow: hidden;
    background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #ccc), color-stop(10%, #fff));
    background: -moz-linear-gradient(linear, center top, center bottom, color-stop(0%, #ccc), color-stop(10%, #fff));
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}
.user-info-menu > li,user-info-menu > li{
    min-height:40px !important;
    height:40px;
}
.user-info-navbar .user-info-menu>li>a{padding:9px 20px !important}
.p0 { padding-bottom:0px !important;}
.forgot-pass > a { color:white}

.row-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
     flex: 1; 
     padding: 0 15px;
}

.column-container { 
    -webkit-box-flex: 1;
    -ms-flex: 1;
     flex: 1; 
    max-width: 50%;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}

.column-container:first-child { 
        margin-right: 10px;
}

.column-container:last-child { 
        margin-left: 10px;
}

.data-container {
    width: 100%;
    padding: 50px;
}

.data-container h2 {
    margin: 0;
    padding-bottom: 30px;
    margin-bottom: 40px;
    font-size: 36px;
    position: relative;
}

.data-container h2:before { 
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background: #414141;
    position: absolute;
    bottom: 1px;
}

.data-container h2:after { 
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background: #040506;
    position: absolute;
    bottom: 0;
}

.data-container h4 { 
    font-size: 16px;
    margin: 0;
    padding: 16px 30px 25px;
}

.data-container .m30 .text-container, .content-wrapper_0 {
    padding-bottom: 30px;
    position: relative;
}

.data-container .m30 .text-container:before, .content-wrapper_0:before { 
    content: '';
    display: block;
    height: 1px;
    width: calc(100% - 50px);
    background: #414141;
    position: absolute;
    bottom: 1px;
    left: 30px;
}

.data-container .m30 .text-container:after, .content-wrapper_0:after { 
    content: '';
    display: block;
    height: 1px;
    width: calc(100% - 50px);
    background: #040506;
    position: absolute;
    bottom: 0;
    left: 30px;
}

.lang-menu {
    padding: 0;
    margin: 0;
    position: relative;
    float: right;
}

.lang-menu li { 
    color: #fff;
    list-style-type: none;
    cursor: pointer;
    font-size: 14px;
    width: 170px;
}

.lang-menu li span { 
    position: absolute; 
    left: 0;
}

.lang-switcher { 
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    top: 40px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    transition: all 0.8s;
}

.lang-switcher.open { 
    opacity: 1;
    visibility: visible;
    z-index: 9;
}

.lang-switcher ul { 
    padding: 20px;
    margin: 0;
}

.lang-switcher ul li { 
    color: #777;
    transition: all 0.25s;
}

.lang-switcher ul li:hover { 
    color: #000;
}

.lang-switcher ul li img { 
    margin-right: 10px;
}
    
.current-lang {
    display: inline-block;
    position: relative;
}

.current-lang img {
    margin-right: 10px;
}

.current-lang:before { 
    content: '';
    display: block;
    background: url(../../Images/arrow-white.svg) no-repeat;
    background-position: center;
    height: 20px;
    width: 20px;
    position: absolute;
    right: 0px;
}

.current-lang:after { 
    content: ' ';
    display: block;
    height: 1px; 
    width: 100%;
    position: absolute;
    background: #fff;
    bottom: -5px;
}

#footer { 
    position: fixed;
    width: 100%;
    left:0;
    bottom: 0;
    padding: 0 22px 0 15px;
}

.footer-wrapper {
    width: 100%;
    max-width: 1020px;
    margin:auto;
}

.social-media, .copyright {
    width: 50%;
    float: left;
}

.copyright p { 
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    text-align: right;
    font-weight: lighter;
}

.copyright span {
        opacity: 0.5;
}

.copyright a { 
    color: #FF6600;
    font-weight: bold;
    opacity: 0.5;
    cursor: pointer;
    transition: all 0.8s;
}

.copyright a:hover { 
    text-decoration: none;
    opacity: 1;
}

.social-media-icons  {
    padding: 0;
    margin: 0;
    width: 100%;
}
.sm-icon {
    display: inline-block;
    height: 15px;
    width: 15px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: pointer;
    transition: all 0.8s;
}

.sm-icon:hover { 
    opacity: 1;
    filter: alpha(opacity=100);
}
.sm-icon.facebook {background-image: url('../../Content/login-img/fb-icon.png'); }
.sm-icon.twitter {background-image: url('../../Content/login-img/twitter-icon.png');  margin-right: 3px;}
.sm-icon.linkedin {background-image: url('../../Content/login-img/linkedin-icon.png');}

/*main menu*/
.sidebar-menu .main-menu li a { 
    transition: all .5s;
}

.sidebar-menu .main-menu li a:hover, .sidebar-menu .main-menu li.active a, 
.sidebar-menu .main-menu li.expanded a
{ 
    padding-left: 25px;
}

.parent-item.has-sub.expanded ul li.has-sub a { 
    padding-left: 15px;
}

.parent-item.has-sub.expanded ul {  
    margin-left: 25px;
}

.sidebar-menu.collapsed .main-menu > li > ul, .sidebar-menu.collapsed .main-menu .parent-item.has-sub.expanded ul { 
    margin-left: 1px;
}

.sidebar-menu .main-menu li.has-sub > a { 
    position: relative;
}

.sidebar-menu .main-menu li.has-sub > a:before { 
    position: absolute;
    top: 13px;
    right: 0;
}

.sidebar-menu .main-menu li a:hover, .sidebar-menu .main-menu li.active a, .parent-item.has-sub.expanded > a, .parent-item.has-sub.expanded .active { 
    color: #1e72ab;
}

.has-sub.active ul { 
    display: block;
}

/*.sidebar-menu .main-menu .has-sub ul li a { 
    color: #393838 !important;
}

.sidebar-menu .main-menu .has-sub.active ul li.active a { 
    color: #1e72ab !important;
}*/

/*.sidebar-menu .main-menu li.has-sub.active > a:before { 
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}*/

/*.sidebar-menu .main-menu li.expanded a {*/

/*.sidebar-menu .main-menu li.expanded ul li a { 
    padding-left: 50px;
}*/
/*main menu end*/

.currentYearWrapper {
    display: none;
}

.copyrightBransys .currentYearWrapper {
    display: block;
}

.currentYearWrapper #version {
    color: #c3c3c3;
}

.sidebar-menu.collapsed .currentYearWrapper #version {
    clear: both;
    float: left;
    padding-left: 15px;
}

@media only screen and (min-width: 1366px) {
    .m30 { 
        margin-bottom:25px;
    }
    .text-wrapper { line-height: 20px;}
    .pass-img { width:11%;}
}
@media only screen and (min-width: 1400px) {
    .m30 { 
        margin-bottom:30px;
    }
    .text-wrapper { line-height: 25px;}
    .pass-img { width:9%;}
}

@media only screen and (min-width: 1024px) {
    .login-container {
        max-width: auto;
        margin: 0 auto;
    }

    .row-container {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 768px) {
    .row-container {
        margin-bottom: 50px;
    }

    #footer {
        position: relative;
        left: auto;
        bottom: auto;
    }

    .sidebar-menu.collapsed .sidebar-menu-inner {
        overflow: hidden;
        position: fixed;
    }
}

@media only screen and (max-width: 640px) {
    /*body, .login-page { 
        background-size: auto 220% !important;
        background-position: top left !important;
        background-attachment: fixed;
    }*/
    .row-container {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
    }

    .column-container {
        flex: 1;
        max-width: 100%;
        display: flex;
    }

    .column-container:first-child {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .column-container:last-child {
        margin-left: 0;
    }

}