@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap');
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 0px;
    padding-left: 0px;
}
select option:focus,:focus,.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus{
    outline: none !important;
    outline-offset : 0px !important
}

body {
    font-family:tahoma;
    font-size:1.3em
}
a:hover {
    text-decoration:none
}

.roboto{
    font-family: 'Roboto', sans-serif;
    
}
h1,h2,h3,h4,h5 {
    margin:0px;
    padding:0px;
    margin-bottom:10px
}

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {

    padding-right: 0px;
    padding-left: 0px;
}
.header,.iconmenu,.topmenu a{
    background:#4267B2;

}
.header div:first-child{
    padding:5px 10px

}
.header {
    position:fixed;
    z-index:100;
    left:0;
    top:0;
    right:0;
}

.iconrightmenu,.iconmenu {
    height:100%;

}


.header .logo,.header .name{
    color:white;
    font-family: 'Bebas Neue', cursive;
    font-size: 2.2em;
    line-height:60px ;
    display:inline-block
}
.header img{
    display:inline-block
}
.search i{
    font-size:25px;
    position:absolute;
    right: 10px;
    top: 22px;
    opacity:0.6
}
.search input{
    background:#3B5DA0 ;
    border:none;
    color:#fff;
    height:40px;
    margin-top:15px ;
    font-size:1.2em
}
.search input::-webkit-input-placeholder {
    color: #fff;
    font-style:italic;
    opacity:0.6
}
.search input:focus {
    border:none;
    outline: none;
    outline: none;
    outline-offset: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background:#3B5DA0 ;
    color:#fff;
}
    .mobilemenu {
        display:none
    }

@media only screen  and (max-width : 1200px) {
    .search,.header div:first-child {
        padding: 0px 10px;
    }
    .search {
        padding-bottom:10px
    }

    .mobilemenu {
        padding:0px;
        padding-top:10px;
    }
    .search input {
        margin-top: 5px;
    }
    .search i {
        top: 15px;
        right:15px
    }
    .mobilemenu {
        display:block
    }

}
/*
@media only screen
    and (min-device-width: 768px)
    and (max-device-width: 1024px)
    and (-webkit-min-device-pixel-ratio: 2) {
    .col-xs-12{
        widtH:100%
    }
    .col-xs-10 {
        width: 83.33333333%;
    }

} */

.topmenu {
    padding-right:30px
}

.topmenu a{
    display:inline-block;
    color:#fff;
    line-height:70px ;
    font-size:14px;
    font-weight:bold;
    padding:0px 10px;
    transition: all 0.5s ease;
}
.topmenu a:hover{
    background: #3B5DA0;


}


/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 2; /* Stay on top */
    top: 0; /* Stay at the top */
    left: -75%;
    background-color: #fff; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    text-align:left    ;
    padding:15px ;
    width:75%;
}
#sidebg {
    height: 100%; /* 100% Full-height */
    width: 100%; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background: rgba(20,54,123,0.3) ; /* Black*/
    transition: 1s; /* 0.5 second transition effect to slide in the sidenav */
    display:none
}

.sidenav a {
    padding: 15px 10px;
    text-decoration: none;
    font-size: 1.3em;
    font-weight:300;
    color: #444;
    display: block;
    transition: 0.3s;
    border-bottom:1px solid #eee;
}
.sidenav a span {
    display:inline-block
}
.sidenav li {
    margin:0px;padding:0px;list-style-type: none;
}

.submenu {
    background:#f9f9f9;
    display:None;
}

.submenu a {
    color:#182645;
    text-align:left ;
    display:block;
    padding:10px 5px;
    border-bottom:1px solid #dfe5f1   ;
    font-size:1.1em;
    transition: all 0.5s ease;
}
.submenu a:before {
    content:"\2022  ";
    color:#ccc ;
    font-size: 1.2em;
}
.submenus>a:after{
    content: "\e64b";
    font-family: 'themify';
    color:#bdbdbd ;
    font-size: 0.9em;
    position: absolute;
    right: 15px;
}

.sidenav a span:first-child {
    color:#555;
    position:relative  ;
    font-size: 1.2em;
    top:3px
}
.sidenav a span:nth-of-type(2) {
    padding-left:10px
}

.sidenav a:active,.sidenav a:active span {
    background: rgba(59, 95, 169, 1);
    color: white !important;
}


/* When you mouse over the navigation links, change their color */
.sidenav a:hover,.sidenav a:focus {
    color: #000;
}
.bold{
    font-weight:bold
}


/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 1.4em;}
}

.required input {
    border-color:Red !important
}
.rightpanel {
    min-height:150px
}

.copyright a{
    color:#ababab !important;
    font-weight:normal;
}
.copyright a:hover{
    color:#333 !important;
    font-weight:normal;
}