/* ////////////////////////////////////////// */
/* //////////  Header Custom CSS   ////////// */
/* ////////////////////////////////////////// */
.arkLogo {
    width: 100%;
}

.navbar .logo-box {
    height: 85px;
    /*width: 226px;*/
    /*background: #3f4454 !important;*/
    /*border-bottom: 1px solid #009fe3;*/
}

.fa-bars {
    color: white;
}

.fa-search {
    color: white;
}

/* ////////////////////////////////////////// */
/* ///////   Theme General Custom CSS   ///// */
/* ////////////////////////////////////////// */

.fontColorBlue {
    color: #3597d9;
}

.bgColorBlue {
    background-color: #3597d9;
}

.hoverBgBlue:hover {
    background-color: #3597d9;
    color: white;
}

.badge.badge-success {
    background: #009fe3;
    color: #FFF;
}

.customPanel {
    background-color: #3597d9;
    color: white;
    margin-bottom: 20px;
}

.customPanel {
    color: white;
}

.panel-white .panel-heading .panel-control a:hover {
    color: #3f4454;
}

.panelBodyCustomPadding {
    padding: 15px !important;
}

.fontBold {
    font-weight: bold;
}

.btn-success {
    background-color: #3596d7;
}

    .btn-success:hover {
        background-color: #3f4454;
    }

.pace .pace-progress {
    background: #3596d7;
}

.pace .pace-activity {
    border-top-color: #3596d7;
    border-left-color: #3596d7;
}

.fontWeight0 {
    font-weight: normal;
}

.progress-bar {
    background-color: #2f4050;
}

/* ////////////////////////////////////////// */
/* ///////    Inbox Detail Custom CSS   ///// */
/* ////////////////////////////////////////// */

.customPanelHeight {
    height: 73px !important;
}

/* ////////////////////////////////////////// */
/* ///////    Login Custom CSS          ///// */
/* ////////////////////////////////////////// */
.login-box {
    /*background-color: white;*/
    /*min-width: 585px;
    border: 1px solid #db97b3;*/
}

.loginContainer {
    padding: 20px;
}

.loginHeader {
    padding-bottom: 5px;
    border-radius: 6px 6px 0px 0px;
   	background: linear-gradient(150.89deg, #2671CF 0%, #4DC2D4 100%);
    /*background-repeat:round;*/
    color: #005092;
    font-family: sans-serif;
    font-size: 20px;
    line-height: 25px;
    height: 25%;
    background-size: cover;
}

.icons img {
    margin-right: 20px;
}

.divider {
    margin: 1.5em 0 1.5em 0;
    border: 0;
    height: 1px;
    width: 100%;
    display: block;
    background-color: #4f6fad;
    background-image: linear-gradient(to right, #ee9cb4, #4f6fad);
}

.btnLogin {
    background-color: #00AD7D;
    color: white;
    font-size: 12pt;
    border-radius: 6px;
}

    .btnLogin:hover {
        color: white;
        background-color: #3597d9;
    }

.page-inner {
    /*background-image: url(../../content/img/Giris_bg.png);*/
    background-repeat: round;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 499px) {
    #loginBox {
        width: 95%;
        /*margin-left: 5%;
        margin-right: 5%;*/
        margin: auto;
        margin-top: 3%;
        margin-bottom: 10%;
    }

    .panelDetay {
        width: 100% !important;
        overflow:auto;
        float:left;
    }
}



@media only screen and (min-width: 500px)and (max-width:600px) {
    #loginBox {
        width: 80%;
        /*margin-left: 5%;
        margin-right: 5%;*/
        margin: auto;
        margin-top: 3%;
        margin-bottom: 10%;
    }

    .panelDetay {
        float:left;
        overflow:auto;
        min-width:50% !important;
        width: 100% !important;
    }
}



/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 601px) and (max-width:767px) {
    #loginBox {
        width: 65%;
        /*margin-left: 20%;
        margin-right: 20%;*/
        margin: auto;
        margin-top: 3%;
    }

    .panelDetay {
        float:left;
        overflow:auto;
        width: 100% !important;
    }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width:991px) {
    #loginBox {
        width: 50%;
        /*margin-left: 30%;
        margin-right: 30%;*/
        margin: auto;
        margin-top: 3%;
    }

    .panelDetay {
        float:left;
        overflow:auto;
        width: 100% !important;
    }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width:1199px) {
    #loginBox {
        width: 50%;
        /*margin-left: 40%;
        margin-right: 40%;*/
        margin: auto;
        margin-top: 3%;
    }

    .panelDetay {
        float:left;
        overflow:auto;
        width: 45% !important;
    }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    #loginBox {
        width: 50%;
        /*margin-left: 50%;
        margin-right: 50%;*/
        margin: auto;
        margin-top: 4%;
        /*max-width: 500px;*/
    }

    .panelDetay {
        float:left;
        width:32% !important;
        overflow:auto;
    }
}

.panel {
    margin-bottom: 0;
}

    .panel panel-white {
        margin: 0;
    }

.page-inner {
    padding: 0 !important;
}

.tab-content {
    padding: 0;
}

.menu.accordion-menu > li > a:hover {
    /*background: #505356;*/
    background: #44586b;
    color: #fff;
}

body, p {
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    overflow-x: hidden !important;
}

.sub-li > a {
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}




.top-menu .navbar-nav > li > a {
    line-height: 20px !important;
}

.topmenu-outer {
    height: 60px !important;
}

#main-wrapper {
    margin-top: 65px !important;
}

.topmenu-outer {
    background: #363c4e;
}

.top-menu .navbar-nav > li > a {
    color: #fff !important;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li.droplink:hover > a, .horizontal-bar .accordion-menu > li.droplink:hover > a, .menu.accordion-menu ul, .menu.accordion-menu li.open > a, .hover-menu .accordion-menu > li.droplink:hover > a {
    background-color: #44586b !important;
}

.sub-menu {
    padding: 0px 10px 0px 0px !important;
}

.logo-box {
    background-image: url('../../content/images/header-profile-skin-2.png') !important;
    background-repeat: no-repeat !important;
}

.loginHeader {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    background: none;
    color: #676a6c;
}

.login-content {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    outline: 0 none;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
}

.login-btn {
    color: #fff;
    background-color: #2980b9;
    border-color: #1ab394;
    cursor: pointer;
    border-radius: 25px;
    font-size: inherit;
    display: block;
    width: 100%;
    padding: .5rem 1rem;
    line-height: 2.5;
    border: 1px solid transparent;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: button;
}

    .login-btn:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #4169c1;
        border-color: #18a689;
    }

    .login-btn:hover, .login-btn:focus, .login-btn.focus {
        background-color: #4169c1;
        border-color: #18a689;
        color: #FFFFFF;
        outline: none !important;
        box-shadow: none;
    }

.container-login-image {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background-image: url('../../content/img/Mis-Login-Image.PNG');
    background-size: cover;
}

.page-inner {
    background-image: url('../../content/images/bg2.jpg');
}




@media only screen and (max-width: 499px) {
    .login-content {
        height: 500px;
    }
}



@media only screen and (min-width: 500px)and (max-width:600px) {
    .login-content {
        height: 500px;
    }
}



/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 601px) and (max-width:767px) {
    .login-content {
        height: 500px;
    }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width:991px) {
    .login-content {
        height: 500px;
    }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width:1199px) {
    .login-content {
        height: 500px;
    }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .login-content {
        height: 500px;
    }
}