/*!

 * Start Bootstrap - SB Admin (http://startbootstrap.com/)

 * Copyright 2013-2016 Start Bootstrap

 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)

 */

@import url('https://fonts.googleapis.com/css?family=Fira+Sans');
@import url('https://fonts.googleapis.com/css?family=Exo:400,700&display=swap');

/* Global Styles */



body {
    margin-top: 100px;
    background-color: #f6f7f9;
	/*font-family: RobotoRegular !important;
    font-family: 'Fira Sans', sans-serif !important;*/
	font-family: 'Exo', sans-serif;
}



@media(min-width:768px) {

    body {
        margin-top: 50px;
    }

}

.fa.fa-chevron-down {
    font-size: 12px !important;
}

#wrapper {
    padding-left: 0;
}



#page-wrapper {
    width: 100%;
    padding: 0;
    /*background-color: #fff;*/
    background-color: #f6f7f9;
}



.huge {
    font-size: 50px;
    line-height: normal;
}



@media(min-width:768px) {
    
    #wrapper {
        padding-left: 225px;
    }

    #page-wrapper {
        padding: 10px;
    }

}

/* Top Navigation */

.top-nav {
    padding: 0 15px;
}



.top-nav>li {

    display: inline-block;

    float: left;

}



.top-nav>li>a {

    padding-top: 15px;

    padding-bottom: 15px;

    line-height: 20px;

    color: #fff;

}



.top-nav>li>a:hover,

.top-nav>li>a:focus,

.top-nav>.open>a,

.top-nav>.open>a:hover,

.top-nav>.open>a:focus {

    color: #396b73;

    background-color: #fff;

}



.top-nav>.open>.dropdown-menu {

    float: left;

    position: absolute;

    margin-top: 0;

    border: 1px solid rgba(0,0,0,.15);

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    background-color: #fff;

    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);

    box-shadow: 0 6px 12px rgba(0,0,0,.175);

}



.top-nav>.open>.dropdown-menu>li>a {

    white-space: normal;

}



ul.message-dropdown {

    padding: 0;

    max-height: 250px;

    overflow-x: hidden;

    overflow-y: auto;

}



li.message-preview {

    width: 275px;

    border-bottom: 1px solid rgba(0,0,0,.15);

}



li.message-preview>a {

    padding-top: 15px;

    padding-bottom: 15px;

}



li.message-footer {

    margin: 5px 0;

}



ul.alert-dropdown {

    width: 200px;

}



/* Side Navigation */

.navbar-inverse {

    /*background-color: #396b73;
    border-color: #396b73;*/
    border: none;
    background: rgba(179,220,237,1);
background: -moz-linear-gradient(left, rgba(77,94,229,1) 0%,  rgba(215,31,37,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(77,94,229,1)),color-stop(100%, rgba(215,31,37,1)));
background: -webkit-linear-gradient(left, rgba(77,94,229,1) 0%, rgba(215,31,37,1) 100%);
background: -o-linear-gradient(left, rgba(77,94,229,1) 0%, rgba(215,31,37,1) 100%);
background: -ms-linear-gradient(left, rgba(77,94,229,1) 0%, rgba(215,31,37,1) 100%);
background: linear-gradient(to right, rgba(77,94,229,1) 0%, rgba(215,31,37,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d5ee5', endColorstr='#d71f25', GradientType=1 );
    color: hsla(0,0%,100%,.8);
    box-shadow: 0 0 0 1px rgba(20,20,31,.05), 0 1px 3px 0 rgba(20,20,31,.15);

}

.navbar-inverse .navbar-brand {
    color: #fff;
    padding: 8px 15px;
    background-color: rgba(20,20,31,.12);
    width: 225px;
}
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
    background-color: rgba(20,20,31,.12);
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {

    color: #fff;

    background-color: #2b5056;

}

@media(min-width:768px) {

    .side-nav {
        position: fixed;
        top: 51px;
        left: 225px;
        width: 225px;
        margin-left: -225px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #396b73;
        bottom: 0;
        overflow-x: hidden;
        padding-bottom: 40px;
        padding-top: 1rem;
        background-color: transparent;
        border-right: 1px solid rgba(20,20,31,.05);
    }



    .side-nav > li > a {
        width: 225px;
        color: #363642;
        text-decoration: none;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 1.1em;
    }
    .side-nav > li > a:hover,
    .side-nav > li > a:focus {
        text-decoration: none;
    }
    .side-nav > li > ul > li > a {
        padding-left: 3.25rem;
        overflow: hidden;
        position: relative;
        display: block;
        color: #888c9b;
        text-decoration: none;
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 1em;
        line-height: 1.25rem;
    }
    .side-nav > li > ul > li > a:hover,
    .side-nav > li > ul > li > a:focus {
        color: #346cb0;
    }
    /*.side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
        background-color: #2b5056 !important;
        border-color: #2b5056;
    }*/
    /*.side-nav>li>a:hover,
    .side-nav>li>ul>li>a:focus {
        color: #346cb0;
        background-color: transparent;
        text-decoration: none;
    }*/
	

}



@media(max-width:768px) {

	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

		border-color: rgba(213, 213, 213, 0.22);

		box-shadow: none;

	}

	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {

		background-color: #fff;

	}

	.navbar-inverse .navbar-toggle {

		border-color: #fff;

		background: #fff;

	}

	.navbar-inverse .navbar-toggle .icon-bar {

		background-color: #396b73;

	}

    /*-------------- For Mobile Screen --------------------*/

	.navbar-inverse .navbar-nav>li>a {
		/*color: #ffffff;*/
		/*border-bottom: 1px rgba(210, 210, 210, 0.29) solid;*/
        background-color: transparent;
        /*color: #363642;*/
        color: #f3f1f1;
        line-height: 1.25rem;
	}
    .navbar-inverse .navbar-nav>li>a:focus,
    .navbar-inverse .navbar-nav>li>a:hover {
        color: #f6901e;
        text-decoration: none;
    }

	.side-nav>li>ul>li>a {
		display: block;
		padding: 10px 15px 10px 38px;
		text-decoration: none;
		color: #ffffff;
		/*border-bottom: 1px #5c88ad solid;*/
        padding-left: 3.25rem;
	}

}


.side-nav>li>ul {
    padding: 0;
}


/* Flot Chart Containers */


.flot-chart {
    display: block;
    height: 400px;
}


.flot-chart-content {

    width: 100%;

    height: 100%;

}



/* Custom Colored Panels */



.huge {

    font-size: 40px;

}



.panel-green {

    border-color: #5cb85c;

}



.panel-green > .panel-heading {

    border-color: #5cb85c;

    color: #fff;

    background-color: #5cb85c;

}



.panel-green > a {

    color: #5cb85c;

}



.panel-green > a:hover {

    color: #3d8b3d;

}



.panel-red {

    border-color: #d9534f;

}



.panel-red > .panel-heading {

    border-color: #d9534f;

    color: #fff;

    background-color: #d9534f;

}



.panel-red > a {

    color: #d9534f;

}



.panel-red > a:hover {

    color: #b52b27;

}



.panel-yellow {

    border-color: #f0ad4e;

}



.panel-yellow > .panel-heading {

    border-color: #f0ad4e;

    color: #fff;

    background-color: #f0ad4e;

}



.panel-yellow > a {

    color: #f0ad4e;

}



.panel-yellow > a:hover {

    color: #df8a13;

}





ul.nav.navbar-right.top-nav.logedMenu{

	display: none;

}

@media(max-width:767px) {

	ul.top-nav{display:none;}

		ul.nav.navbar-right.top-nav.logedMenu {

			float: right !important;

			display: block !important;

			    padding: 0px !important;

				position:relative;

		}

		ul.nav.navbar-right.top-nav.logedMenu ul{

			    right: 0px !important;

    float: right !important;

    left: auto !important;

    display: none !important;

    width: auto !important;

    padding: 0px !important;

    border-radius: 0px !important;

		}

		ul.nav.navbar-right.top-nav.logedMenu li.dropdown:hover ul{

			display: block !important;

		}

		ul.nav.navbar-right.top-nav.logedMenu li.dropdown li a {

		color: #396b73 !important;

		padding: 10px 10px !important;

		border-bottom: 1px rgba(57, 107, 115, 0.15) solid !important;

	}

		ul.nav.navbar-right.top-nav.logedMenu a {

			background: none !important;

			color: #fff !important;

			padding:21px 20px 13px !important;

		}

		.navbar-inverse .navbar-brand {
				color: #fff;
				padding: 8px 15px;
				display: inline-block !important;
				float: none !important;
                background-color: transparent;
			}

		.navbar-toggle {

			position: relative;

			float: left;

			padding: 9px 10px;

			margin-top: 0;

			margin-right: 0;

			margin-bottom: 0;

			background-color: transparent;

			background-image: none;

			border: 1px solid transparent;

			border-radius: 0px;

			margin: 11px 10px 8px !important;

    border-radius: 3px !important;

		}

}