/*283048 blue*/
/*f8d302 yellow*/
/*1db2ef skyblue*/
body, h1, h2, h3, h4, h5, h6 { font-family: Gill Sans,Gill Sans MT !important;}
body.login {
    background-color: #283048 !important;
    /*height: 100%;
    min-height: 550px;*/
}

.bgbody {
    background: #283048;
    background-position: center;
    background-repeat: no-repeat;
    /*background-size: auto !important;*/
}

.login .logo { margin: 0 auto 10px auto; padding: 7px;}
.login .content {width: 25%; background: #283048 !important;margin: 0 70%; padding: 20px 30px 15px; border: 1px solid #f8d302 !important;}
.topLoginLogo { padding-left: 2%;}

.btn {
    background: #1db2ef !important;
    border: 1px solid #1db2ef !important;
    color: #FFF !important;
    border-radius: 0px !important;
}

.btn:hover{
    border: 1px solid #f8d302 !important;
    color: #000 !important;
    background: #f8d302 !important;
    border-radius: 0px !important;
}

.login .content .form-title, .login .content .login-form p, .login .content .login-form a:not(.btn){
    color: #FFF !important;
}

.login .content .login-form a.linkHere{
    color: #1db2ef !important;
}

.login .content .login-form a.linkHere:hover{
    color: #f8d302 !important;
}

.login .input-icon i,.input-icon .input-group-addon i{
    color: #283048 !important;
}

.btn-outline{
    background: #f8d302 !important;
    border: 1px solid #f8d302 !important;
    color: #000 !important;
}

.portlet.box.blue>.portlet-title>.actions .btn, .portlet.box.blue>.portlet-title>.actions .btn>i{
    background: #f8d302 !important;
    border: 1px solid #f8d302 !important;
    color: #000 !important;
    text-decoration: none !important;
}

.portlet.box.blue>.portlet-title>.actions .btn a:hover{
    background: #f8d302 !important;
    border: 1px solid #f8d302 !important;
    color: #000 !important;
    text-decoration: none !important;
}

.btn-group.open .dropdown-menu li a{
    color: #000 !important;
}

.btn-group.open .dropdown-menu li a:hover{
    background: #f8d302 !important;
    color: #000 !important;
}

/*.btn-group.open .btn-outline{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: 1px solid #e8414b !important;
    color: #e8414b !important;
}

.btn-outline:hover{
    background: #e8414b !important;
    border: 1px solid #e8414b !important;
    color: #FFF !important;
}*/

/*.btn-circle:hover i{ background-color: #e8414b; color: #fff !important; border-color: #e8414b;}*/
/*
    ParentSide
*/
.page-header.navbar{
    background: #283048 none repeat scroll 0 0 !important;
}

.page-header.navbar .page-logo > a > img {
    height: 115px;
}
.page-logo{
    text-align :center;
}

.page-logo a img{
    /*width: 70%;
    height: auto;*/;

}

.page-header .top-menu .btn{
    background-color: #1db2ef !important;
    color: #FFF !important;
    border-color: #1db2ef !important}

.page-header .top-menu .btn i{
    color: #FFF !important;
}

.page-header .top-menu .btn:hover{
    background-color: #f8d302 !important;
    color: #000 !important;
    border-color: #f8d302 !important;
}

.page-header .top-menu .btn:hover i{
    color: #000 !important;
}

.dropdown-menu > li.active > a, 
.dropdown-menu > li.active > a, 
.dropdown-menu > li > a{
    background: #FFF !important;
    color: #000 !important;
}

.dropdown-menu > li.active > a > i, 
.dropdown-menu > li.active > a > i, 
.dropdown-menu > li > a > i{
    color: #000 !important;
}

.dropdown-menu > li.active:hover > a, 
.dropdown-menu > li.active > a, 
.dropdown-menu > li:hover > a{
    background: #1db2ef !important;
    color: #FFF !important;
}

.dropdown-menu > li.active:hover > a > i, 
.dropdown-menu > li.active > a > i, 
.dropdown-menu > li:hover > a > i{
    color: #FFF !important;
}

body{
    background: #283048 !important;
}

.page-sidebar{
    background: #283048 !important;
}

.page-sidebar-wrapper .page-sidebar .page-sidebar-menu .nav-item>.nav-link,
.page-sidebar-wrapper .page-sidebar .page-sidebar-menu .sub-menu>.nav-item>.nav-link,
.page-sidebar-wrapper .page-sidebar .page-sidebar-menu .nav-item>.nav-link>i,
.page-sidebar-wrapper .page-sidebar .page-sidebar-menu .sub-menu>.nav-item>.nav-link>i:not(.font-red, .font-green){
    color: #FFF !important;
}

.page-sidebar-wrapper .page-sidebar .page-sidebar-menu .sub-menu>.nav-item:hover>.nav-link,
.page-sidebar-wrapper .page-sidebar .page-sidebar-menu .nav-item.active>.nav-link,
.page-sidebar-wrapper .page-sidebar .page-sidebar-menu .sub-menu>.nav-item.active>.nav-link,
.page-sidebar-wrapper .page-sidebar .page-sidebar-menu .sub-menu>.nav-item.open>.nav-link{
    background-color: #FFF !important;
    color: #000 !important;
    border-bottom: 1px solid #283048 !important;
}

.page-sidebar-wrapper .page-sidebar .page-sidebar-menu .sub-menu>.nav-item:hover>.nav-link,
.page-sidebar-wrapper .page-sidebar .page-sidebar-menu .sub-menu>.nav-item.active>.nav-link,
.page-sidebar-wrapper .page-sidebar .page-sidebar-menu .nav-item.active>.nav-link,
.page-sidebar-wrapper .page-sidebar .page-sidebar-menu .sub-menu>.nav-item.open>.nav-link,
.page-sidebar-wrapper .page-sidebar .page-sidebar-menu .sub-menu>.nav-item:hover>.nav-link i,
.page-sidebar-wrapper .page-sidebar .page-sidebar-menu .sub-menu>.nav-item.active>.nav-link i,
.page-sidebar-wrapper .page-sidebar .page-sidebar-menu .nav-item.active>.nav-link i,
.page-sidebar-wrapper .page-sidebar .page-sidebar-menu .sub-menu>.nav-item.open>.nav-link i{
    color: #000 !important;
}


.page-sidebar .page-sidebar-menu>.nav-item.open>a, 
.page-sidebar .page-sidebar-menu>.nav-item:hover>a{
    background-color: transparent !important;
}

.progress-bar {background-color: #1db2ef;}

.page-sidebar .page-sidebar-menu>.nav-item.open>.nav-link, 
.page-sidebar .page-sidebar-menu>.nav-item:hover>.nav-link{
    background-color: #FFF !important;
    color: #000 !important;
    border-bottom: 1px solid #283048 !important;
}

.page-sidebar .page-sidebar-menu>.nav-item.open>.nav-link>i, 
.page-sidebar-wrapper .page-sidebar .page-sidebar-menu .nav-item:hover .nav-link>i,
.page-sidebar .page-sidebar-menu>.nav-item:hover>.nav-link>i{
    color: #000 !important;
}

.page-sidebar .page-sidebar-menu > .nav-item.active > .nav-link > .selected{
    border-right-color: #283048 !important;
}

.page-sidebar-wrapper .page-sidebar .page-sidebar-menu .sub-menu>.nav-item>.nav-link>i.font-red{
    color: #C20430 !important;
}

.page-sidebar-wrapper .page-sidebar .page-sidebar-menu .sub-menu>.nav-item>.nav-link>i.font-green{
    color: #32c5d2!important;
}

.page-bar > .page-breadcrumb > li > a,
.page-bar > .page-breadcrumb > li > span,
.page-bar > .page-breadcrumb > li > i{
    color: #000 !important;
}
.page-bar > .page-breadcrumb > li > a:hover{
    text-decoration: none;
}
.page-wrapper .page-container .page-content-wrapper .page-content .portlet{
    border-color: #1db2ef;
}

.page-wrapper .page-container .page-content-wrapper .page-content .portlet .portlet-title{
    background: #1db2ef;
}

.fldset-class {border: 1px solid rgb(100, 103, 107);}
legend{border-bottom:none !important; width: auto;}
.legend-class {width:inherit;}

.page-footer .page-footer-inner{
    color: #FFF !important;
}


/*
    adminside
*/

.welcomeAdmin, .welcomeAdmin:hover{
    background: transparent !important;
    color: #FFF !important;
    text-decoration: none !important;
}

.btn a{
    color: #000 !important;
    text-decoration: none !important;
}
.btn:hover a{
    color: #000 !important;
    text-decoration: none !important;
}

.page-sidebar.adminMenu .page-sidebar-menu > li > a .arrow:before{
    color: #000 !important; 
}

a.tooltips i{
    color: #e8414b;
}

/* datatable Pagination inside admin*/
.pagination>.active>a, .pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover { 
    background-color: #f8d302 !important; 
    border: 1px solid #f8d302; 
    color: #fff !important;
}

/* datatable Pagination color inside admin*/
.pagination>li>a, .pagination>li>span{
    color: #000 !important;
}

.passEye { cursor: pointer;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
/* Firefox */
input[type=number] { -moz-appearance: textfield;}

.tabbable-line>.nav-tabs>li.open, .tabbable-line>.nav-tabs>li:hover, 
.tabbable-line>.nav-tabs>li.active{
    border-bottom: 4px solid #651C32;
}

.nav-tabs{
    border-bottom: 0px !important;
}


.top-menu>.nav>li>a, .top-menu>.nav>li>a:focus, .top-menu>.nav>li>a:hover{
    color: #f8d302;
    background-color: transparent; !important;
}

.btn-danger, .btn-danger:hover { background: #ed6b75 !important; border-color: #ed6b75 !important; color: #FFF !important;}
.btn-success, .btn-success:hover { background: #FB381A !important; border-color: #FB381A !important; color: #FFF !important;}
.btn-warning, .btn-warning:hover { background: #F1C40F !important; border-color: #F1C40F !important; color: #FFF !important;}
.btn-info, .btn-info:hover { background: #286ec5 !important; border-color: #286ec5 !important; color: #FFF !important;}