/*
/*  edmKEP
/*  THEME CSS v1.0
/* 
/*  Burak Kaya
/*  Intertech Ankara
/*  December 2016
/*
/*----------------------------------------------------*/

/* Admin & User Portal Theme
/*----------------------------------------------------

	1. GLOBALS
	2. HEADER
	    2.1. Logo
        2.2. Remainder & Timer Holder
        2.3. Mobile Nav
        2.4. Home Button
    3. DROPDOWN MENU
    4. CONTENT
    5. SIDEBAR
    6. WIDGET
    7. TAB WIDGET
    8. WIZARD BREADCRUMBS
    9. ERROR PAGE (Widget Message)
   10. PLUGINS
        10.1. Chart

/* ------------------------------------------------------------------------------------------------------ */

@media only screen and (min-width: 992px){
	#body {
        padding-top:60px;
    }
}

body.logon-body {
    height:auto;
}

.widget > .alert {
    margin:0;
}

.no-scroll {
    overflow-y:hidden;
}

/*#region HEADER */

header {
    background: #815e86 url(../img/edm_logo_w.png) no-repeat center center;
    background-size: 98px;
    height: 44px;
}

@media only screen and (min-width: 992px) {
    header {
        height: 60px;
        width: 100%;
        position: fixed;
        z-index: 101;
        background-image: none;
        background-color: #fff;
    }
}

header ul,
header li {
    margin: 0;
    padding: 0;
    list-style: none;
}

header a {
    text-decoration: none !important;
}

@media only screen and (min-width: 1200px) {
    header i:not(.fa-angle-down):not(.fa-home) {
        margin-right: 5px;
    }
}

header i.fa-angle-down {
    margin-left: 10px;
}

@media only screen and (min-width: 992px) {
    header i.fa-angle-down {
        margin-left: 20px;
    }
}

/* Logo */
header .logo-holder {
    display: none;
    height: 44px;
    padding-top: 8px;
    float: left;
}

@media only screen and (min-width: 992px) {
    header .logo-holder {
        display: inline-block;
        height: 60px;
        width: 150px;
        padding-top: 17px;
        padding-left: 10px;
    }
}

@media only screen and (min-width: 1200px) {
    header .logo-holder {
        width: 250px;
        background-color: #604b63;
        border: none;
    }
}

.logo {
    height: 44px;
    width: 188px;
    font-size: 0;
    background: url(../img/edm_logo.png) no-repeat center center;
    background-size: contain;
}

    .logo.logo-white {
        background-image: url(../img/edm_logo_w.png);
    }

    .logo a {
        display: block;
        height:100%;
        width: 100%;
    }

@media only screen and (min-width: 1200px) {
    header .logo {
        margin: 0;
        background-image: url(../img/edm_logo_w.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }
}

/* Remainder & Timer Holder */
.remainder-holder {
    padding: 0 20px;
    cursor: pointer;
    border: none;
}

    .remainder-holder p {
        line-height: 14px;
    }

    .remainder-holder span {
        margin-right: 5px;
    }

    .remainder-holder.pull-right {
        cursor: default;
    }

    .remainder-holder .pull-right {
        font-size: 1em;
        padding: 6px 0 0 15px;
    }

.timer-holder {
    float: right;
    padding: 6px 10px 0;
    height: 44px;
    line-height: 15px;
    text-align: right;
}

    .timer-holder input {
        visibility: hidden;
    }

.remainder-holder,
.timer-holder {
    display: none;
    position: relative;
}

    .remainder-holder p,
    .timer-holder p {
        padding: 0;
        margin: 0;
        font-size: 12px;
        color: #bdbdbd;
    }

    .remainder-holder b,
    .timer-holder b {
        font-weight: 600;
    }

    .timer-holder .pull-right {
        margin-top: 1px;
    }

@media only screen and (min-width: 992px) {
    .timer-holder,
    .remainder-holder {
        display: inline-block;
    }

    .timer-holder,
    .remainder-holder {
        height: 60px;
        padding: 13px 20px;
    }

        .remainder-holder::before,
        .timer-holder::before {
            content: '';
            display: block;
            position: absolute;
            border-left: 1px solid #e3e3e3;
            left: 0;
            top: 20%;
            width: 1px;
            height: 60%;
        }
}

/* Mobile Nav */
.mobile-nav {
    padding: 12px 15px;
    height: 44px;
    font-size: 1.4em;
}

    .mobile-nav .fa {
        margin: 0;
        color: #fff;
        opacity: 1;
    }

    .mobile-nav.active {
        background-color: #604b63;
    }

        .mobile-nav.active .fa {
            color: #fff;
        }

/* Home Button */
.btn-home {
    display: none;
    text-indent: 0 !important;
    font-size: 14px;
    padding: 5px 8px;
    float: right;
    width: auto;
    min-width: 0;
    margin-right: 15px;
    box-shadow: none;
    border-radius: 3px;
    background: #533f56;
    color: #af9fb1;
}

    .btn-home:hover {
        box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
        background: #65be8f;
        color: #fff;
    }

@media only screen and (min-width : 1200px) {
    .btn-home {
        display: inline-block;
    }
}

/*#endregion */

/*#region DROPDOWN MENU */

.dropdown-menu {
    display: inline-block;
}

    .dropdown-menu a {
        padding: 13px 15px;
        display: block;
        font-weight: normal;
    }

@media only screen and (min-width: 992px) {
    .dropdown-menu a {
        padding: 21px 15px;
    }
}

.dropdown-menu > li {
    position: relative;
}

    .dropdown-menu > li > a {
        min-width: 44px;
        color: #66bd90;
        text-align: center;
    }

@media only screen and (min-width: 1200px) {
    .dropdown-menu > li > a {
        text-align: left;
    }
}

.dropdown-menu > li:hover > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active {
    background-color: #66bd90;
    color: #fff;
}

    .dropdown-menu > li > a.disable,
    .dropdown-menu > li:hover > a.disable,
    .dropdown-menu > li > a.disable:hover {
        background-color: #fff;
        color: #66bd90;
        cursor: default;
    }

.dropdown-submenu {
    z-index: 101;
    position: absolute;
    min-width: 100%;
    width: auto;
    display: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
    background-color: #65be8f;
    white-space: nowrap;
}

    .dropdown-submenu p {
        padding: 15px 20px;
        margin: 0;
        font-size: .9em;
        color: #fff;
        background-color: rgba(0, 0, 0, .12);
    }

    .dropdown-submenu a {
        padding: 7px 15px;
        line-height: 30px;
        border-bottom: 1px solid rgba(255,255,255,.1);
        color: #fff;
    }

        .dropdown-submenu a:hover {
            background: rgba(0, 0, 0, .06);
            color: #fff;
        }

        .dropdown-submenu a.current,
        .dropdown-submenu a.selected {
            background: rgba(0, 0, 0, .06);
            color: #fff;
            font-weight: 600;
        }

.dropdown-menu li:hover .dropdown-submenu {
    display: block;
}

.dropdown-menu li:hover sup.badge {
    visibility: hidden;
}

/* Custom Dropdown Menu */
.account-menu-holder,
.user-menu-holder {
    display: none;
}

    .account-menu-holder .dropdown-submenu .fa {
        display: none;
    }

    .account-menu-holder .dropdown-submenu .selected .fa {
        display: inline-block;
        margin-right: 5px;
        opacity: 1;
    }


    .account-menu-holder .dropdown-submenu {
        max-height: 450px;
        overflow:auto;
    }

@media only screen and (min-width: 992px) {
    .account-menu-holder,
    .user-menu-holder {
        display: inline-block;
    }

    .account-menu-holder {
        float: left;
    }

    .user-menu-holder {
        float: right;
    }
}

/*#endregion */

/*#region CONTENT */

.content-holder {
    background: #fff;
    padding: 0;
}

@media only screen and (min-width: 768px) {
    .content-holder {
        background: none;
    }

    .content-message-holder {
        padding: 0 15px;
    }
}

.content-message-holder .alert {
    margin-bottom: 0;
}

.content-title {
    padding: 10px 15px;
    background: #efefef;
}

    .content-title::before,
    .content-title::after {
        content: " ";
        display: table;
    }

    .content-title::after {
        clear: both;
    }

@media only screen and (min-width : 768px) {
    .content-title {
        padding: 0 15px;
        margin-bottom: 15px;
        background: #eaeaea;
    }
}

@media only screen and (min-width : 992px) {
    .content-holder {
        padding: 0;
    }

    .content {
        padding: 0 5px;
    }
}

@media only screen and (min-width : 1200px) {
    .content-title {
        padding: 0 20px;
        color: #afafaf;
        box-shadow: inset 0 3px 4px 0 rgba(0,0,0,0.02);
    }

    .content-holder {
        margin-left: 250px;
    }
}

/*#endregion */

/*#region SIDEBAR */

#sidebar {
    right: 100%;
}

.sidebar-open #sidebar {
    right: 0;
}

@media only screen and (max-width: 992px) {
    .sidebar-open #body {
        overflow-x: hidden;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    #sidebar {
        left: -250px;
    }

    .sidebar-open #sidebar {
        left: 0;
    }
}

.sidebar {
    position: absolute;
    width: 100%;
    z-index: 100;
    margin: 0;
    background-color: #604b63;
}

@media only screen and (min-width : 768px) {
    .sidebar {
        max-width: 250px;
    }
}

@media only screen and (min-width : 992px) {
    .sidebar {
        position: fixed;
        float: left;
        left: 0;
        z-index: 10;
    }
}

@media only screen and (min-width : 1200px) {
    .sidebar {
        width: 250px;
    }
}

.sidebar nav ul{
    /*padding-top: 15px;*/
}



.sidebar nav a {
    display: block;
    padding: 0 20px;
    line-height: 44px;
    font-weight: normal;
    text-decoration: none !important;
    border-left: 4px solid transparent;
    color: #af9fb1;
}

.sidebar nav li.active {
    background-color: #533f56;
}

    .sidebar nav li.active li.active {
        background-color: #65be8f;
    }

.sidebar nav li:hover:not(.menu-title):not(.active) {
    background-color: #533f56;
}

.sidebar nav li:hover:not(.menu-title) > a,
.sidebar nav li.active > a {
    border-color: #66bd90;
    color: #FFF;
}

.sidebar nav ul ul {
    display: none;
    padding-top: 5px;
    padding-bottom: 15px;
    border-left: 4px solid #66bd90;
}

    .sidebar nav ul ul a {
        line-height: 38px;
        border: none;
        color: #FFF !important;
    }

        .sidebar nav ul ul a:hover {
            background-color: #66bd90;
        }

.sidebar nav .fa {
    margin-right: 10px;
    -webkit-transition: all 0s ease-out;
    -moz-transition: all 0s ease-out;
    transition: all 0s ease-out;
}

.sidebar nav .fa-angle-right,
.sidebar nav .fa-angle-down {
    float: right;
    margin-right: 0;
    line-height: 44px;
}

.sidebar nav a.important {
    background-color: #66bd90;
    color: #fff;
    position: relative;
}

    .sidebar nav a.important::after {
        content: '!';
        display: block;
        margin-top: -10px;
        position: absolute;
        right: 15px;
        top: 50%;
        color: #fff;
        font-weight: bold;
        font-size: 16px;
        line-height: normal;
        -webkit-animation: infinite flash 1s;
        -moz-animation: infinite flash 1s;
        animation: infinite flash 1s;
    }

.sidebar nav .menu-title {
    padding: 0 15px 0 24px;
    margin: 0;
    font-size: 1.1em;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.sidebar nav li:not(.menu-title) + .menu-title {
    /*border-top: 1px solid rgba(255, 255, 255, .08);*/
}

.sidebar nav .menu-title {
    cursor: pointer;
    padding: 0 15px 0 24px;
    margin: 0;
    line-height: 60px;
    font-size: 1.2em;
    border: none;
    color: #af9fb1;
}
.sidebar nav .menu-title.accordion-title {
    background-color: #533f56;
}

    .sidebar nav .menu-title a.btn {
        line-height: 36px;
        font-size: 13px;
        color: #fff;
        padding: 0 15px;
        margin: 12px 0;
        border: none;
    }

        .sidebar nav .menu-title a.btn:hover {
            background-color: #42a471;
        }


    .sidebar nav .menu-title .fa {
        line-height:60px;
    }
    

/* Footer */
footer {
    /*opacity: .5;*/
    padding: 30px 0;
    font-size: .85em;
    text-align: center;
    color: rgba(255, 255, 255, .5);
    -webkit-transition: opacity 300ms ease-out;
    -moz-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
}

    footer:hover {
        /*opacity: 1;*/
    }

    footer p {
        margin-bottom: 5px;
    }

    footer a {
        color: #65be8f;
        display: inline-block;
        font-weight: 600;
        margin: 0 5px;
        text-decoration: none;
    }

        footer a:hover {
            color: #fff;
        }

/* Sidebar Mini */
/* Will be available while screen resolution is between 992px - 1200px */
.sidebar-mini #sidebar {
    width: 60px;
    z-index: 100;
}

    .sidebar-mini #sidebar nav {
        margin: 0;
    }

        .sidebar-mini #sidebar nav > ul > li {
            position: relative;
        }

        .sidebar-mini #sidebar nav ul {
            padding-top: 0;
        }

            .sidebar-mini #sidebar nav > ul > li > a {
                line-height: 60px;
            }

                .sidebar-mini #sidebar footer,
                .sidebar-mini #sidebar .menu-title,
                .sidebar-mini #sidebar nav > ul > li > a span,
                .sidebar-mini #sidebar nav > ul > li > a .fa-angle-down,
                .sidebar-mini #sidebar nav > ul > li > a .fa-angle-right {
                    display: none;
                }

                .sidebar-mini #sidebar nav > ul > li > a .fa {
                    margin: 0;
                    font-size: 1.2em;
                }

            .sidebar-mini #sidebar nav > ul > li > a {
                padding: 0;
                border: none;
                text-align: center;
            }

        .sidebar-mini #sidebar nav a:hover,
        .sidebar-mini #sidebar nav li:hover > a{
            background-color: #66bd90;
            color: #fff;
        }

        .sidebar-mini #sidebar nav li.active > a {
            box-shadow: inset 5px 0 0 #66bd90;
            color: #fff;
        }

        .sidebar-mini #sidebar nav ul ul {
            position: absolute;
            top: 0;
            left: 100%;
            z-index: 99;
            padding: 0;
            width: 250px;
            background-color: #66bd90;
            border: none;
        }

            .sidebar-mini #sidebar nav ul ul li {
                background-color: #66bd90;
            }

            .sidebar-mini #sidebar nav ul ul a {
                border: none;
            }

                .sidebar-mini #sidebar nav ul ul a:hover {
                    background-color: rgba(0, 0, 0, .12);
                }

        .sidebar-mini #sidebar nav li:active ul,
        .sidebar-mini #sidebar nav li:hover ul {
            display: block;
        }

    @media only screen and (min-width:992px) {
        .sidebar-mini #sidebar + .content-holder {
            margin-left: 60px;
        }
    }

    .sidebar-mini #sidebar .mCustomScrollBox,
    .sidebar-mini #sidebar .mCSB_container {
        overflow: inherit;
    }

    .sidebar-mini #sidebar .mCSB_scrollTools {
        right:auto;
        left:0;
    }



/* Mobile View */
.mobile-view {
    overflow-x:hidden;
}
.mobile-view .sidebar,
.mobile-view .content-holder {
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.mobile-view .sidebar-open .content-holder {
    opacity: .5;
    -webkit-transform: translate3d(100px, 0, 0);
    -moz-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
}

/* Custom Scrollbar */
.mCSB_inside > .mCSB_container{
	margin-right: 0;
}
		
.sidebar .mCSB_scrollTools .mCSB_draggerRail
{
	background:none;
}
		
.sidebar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(255,255,255,0);
}
		
.sidebar:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(255,255,255,0.3);
}
		
.sidebar .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: rgba(255,255,255,0.5);
}


/*#endregion */

/*#region WIDGET */

.widget {
    margin: 5px;
    background-color: #fff;
}

.solid-line {
    border-top: 3px solid #bbb;
}

@media only screen and (min-width: 768px) {
    .widget {
        margin: 0 15px 20px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
    }
}

.widget-title {
    height: auto;
    padding: 0 10px;
    border-bottom: 1px solid rgba(235,235,235,1);
}

    .widget-title::before,
    .widget-title::after {
        content: " ";
        display: table;
    }

    .widget-title::after {
        clear: both;
    }

    .widget-title h2 {
        float: left;
        line-height: 40px;
        font-size: 1.1em;
        font-weight: 400;
        color: #a9a9a9;
    }

    .widget-title + .widget-title {
        border: none;
    }

@media only screen and (min-width: 992px) {
    .widget-title {
        background-color: transparent;
        padding: 0 15px;
    }

        .widget-title h2 {
            line-height: 60px;
        }
}

.widget-title .btn {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .widget-title .btn.pull-right {
        margin-left: 3px;
    }

@media only screen and (max-width: 768px) {
    .widget-title {
        padding: 10px;
    }

        .widget-title .btn {
            float: none !important;
            margin: 0 0 3px 0 !important;
        }
}

.widget-title .seperator {
    width: 1px;
    height: 20px;
    display: inline-block;
    margin: 5px;
    background: #e6e6e6;
}

.widget-body {
    padding: 10px;
}

@media only screen and (min-width: 992px) {
    .widget-body {
        padding: 20px;
    }
}

.btn-dropdown,
.btn-dropdown ul {
    padding:0;
    list-style:none;    
}

.btn-dropdown ul{
    display:none;
    position:absolute;
    z-index: 2;
    margin-top: -7px;
    right:0;
    border-radius:3px;
    overflow:hidden;
}

    .btn-dropdown ul a {
        background-color: #65be8f;
        color: #fff;
        padding: 10px 15px;
        text-decoration: none;
        display: block;
        font-weight: normal;
        white-space: nowrap;
    }

        .btn-dropdown ul a:hover {
            background-color: #42a471;
        }

.btn-dropdown > li{
    position:relative;
    display: inline-block;
}

.btn-dropdown > li:hover ul{
    display:block;
}


/*#endregion */

/*#region TAB WIDGET */

.tab-widget {
    margin: 0 15px;
}

.tab-widget-nav {
    display: none;
}

@media only screen and (min-width:768px) {
    .tab-widget-nav {
        display: block;
    }

        .tab-widget-nav a {
            float: left;
            line-height: 60px;
            padding: 0 20px;
            font-weight: normal;
            text-decoration: none !important;
        }
}

.tab-widget-nav a.current,
.tab-widget-nav input[type="radio"]:checked + span {
    background: #fff;
    font-weight: 600;
    color: #696969;
    cursor: default;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
}

.tab-widget-contents {
    background: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
}

    .tab-widget-contents > div {
    }

@media only screen and (min-width:768px) {
    .tab-widget-contents > div {
        display: none;
    }
}

.tab-widget-contents > div:first-child {
    display: block;
}

.tab-widget-nav label {
    width: 100%;
    margin-bottom: 0;
}

    .tab-widget-nav label span {
        display: block;
        line-height: 40px;
        padding: 0 20px;
        font-weight: normal;
        text-decoration: none !important;
        text-align: center;
    }

@media only screen and (min-width:768px) {
    .tab-widget-nav label {
        float: left;
        width: auto;
    }

        .tab-widget-nav label span {
            float: left;
            line-height: 60px;
            text-align: left;
        }
}

.tab-widget-nav label input {
    display: none;
}

/*#endregion */

/*#region WIZARD BREADCRUMBS */

.wizard-breadcrumbs {
    display: none;
    padding-top: 40px;
    text-align: center;
}

@media only screen and (min-width: 992px) {
    .wizard-breadcrumbs {
        display: block;
    }
}

.wizard-breadcrumbs ul,
.wizard-breadcrumbs li {
    display: inline-block;
}

.wizard-breadcrumbs a {
    position: relative;
    padding: 0 40px;
    display: inline-block;
    float: none;
    margin: 0 -2px;
    line-height: 40px;
    font-weight: normal;
    text-decoration: none;
    border-top: 1px solid rgba(230,230,230,1);
    color: #bfbfbf;
    cursor:default;
}

    .wizard-breadcrumbs a::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        height: 8px;
        width: 8px;
        margin-left: -4px;
        margin-top: -4px;
        border-radius: 50%;
        background-color: rgba(230,230,230,1);
    }

.wizard-breadcrumbs li.current a {
    color: #66bd90;
    cursor:pointer;
}

    .wizard-breadcrumbs li.current a::before {
        height: 16px;
        width: 16px;
        margin-left: -8px;
        margin-top: -8px;
        border: 5px solid #66bd90;
        background-color: #fff;
    }

.wizard-breadcrumbs a.active {
    color: #404040;
    cursor:pointer;
}

    .wizard-breadcrumbs a.active::before {
        height: 12px;
        width: 12px;
        margin-left: -6px;
        margin-top: -6px;
        border: 3px solid rgba(200,200,200,1);
        background-color: #fff;
    }


/*#endregion */

/*#region ERROR PAGE (Widget Message) */

@media only screen and (min-width: 992px){
    .logon-body .widget-message{
        width:500px;
    }

	.widget-message {
	    width:800px;
	    margin:100px auto 0;
	}

	.widget-message .logo-holder {
	    margin-top:80px;
	}
}

.widget-message .logo-holder {
	display:block;
	margin:30px 0;
	width: 100%;
}

.widget-message .logo-holder h1 {
    margin: 0 auto;
}

.login-holder {
    padding:0;
}

@media only screen and (min-width:768px) {
    .login-holder {
        padding:40px 50px 35px;
    }
}

.login-holder label {
    margin:0 0 2px;
}

/*#endregion*/

/*#region PLUGINS */

/* Chart */
.chart table td.legendColorBox,
.chart table td.legendLabel{
	background-color:#fff;
	border:none;
	padding:0;
}

.chart table td.legendColorBox{
	width:10px;
}

.chart table td.legendLabel {
	padding-left:10px;
}

.chart .legend table{
	width:auto;    
}

/*#endregion*/

.sign-list{
    border-bottom:1px solid #e2e2e2;
}
.sign-list span{
    float: left;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-weight: bold;
    text-align: right;
    font-size: 25px;
}

.sign-list > div{
    margin-left: 60px;
    padding: 20px;
}

.sign-list p{
	margin:0;
}

.sign-list p.bold.fs-12{
	margin-bottom:5px;
}

.sign-list p em{
	font-style:normal;
	font-size:.9em;
    display:inline-block;
    margin-left:20px;
    font-weight:normal;
}

.sign-list table {
    margin-top:10px;
}