body {background-color: #f8f8f8; font-family: 'Montserrat', sans-serif; font-size: 13px;}

h1,.h1 {font-size: 36px;}
h2,.h2 { font-size: 30px;}
h3,.h3 { font-size: 22px;}
h4,.h4 { font-size: 20px;}
h5,.h5 { font-size: 14px;}
h6,.h6 { font-size: 12px;}
p { margin: 0 0 10px;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4{margin-top: 10px; margin-bottom: 10px;}

/*login page*/
.body-Login-back {background-color:#eee; /*background: #f9e7c6;*/}
.body-Login-back img{height: 50px;}
.logo-margin {margin-top:60px;}
.login-panel{padding: 30px 10px; margin-top: 12%;}
.login-panel .panel-title{color: #58585a; font-size: 18px; text-transform: uppercase; font-weight: 600; text-align: center;}

.credits{text-align: center; margin: 40px 0; color: #8c8c8c;}
.credits.page{}

.login-panel .input-group{margin-bottom: 15px;}
.login-panel .input-group span, .login-panel .input-group input{height: 50px; border: solid 1px #ecebeb; font-size: 16px;}
.login-panel .input-group input{border-left: transparent;}
.login-panel .input-group-addon{background: transparent;}
.login-panel .input-group-addon .fa {font-size: 21px; position: relative;}
.login-panel .input-group .form-control {padding-left: 5px; box-shadow: none !important;}
.login-panel .input-group .form-control:focus { border-color: #ecebeb;}

.form-switch { position: relative; display: inline-block; cursor: pointer; -webkit-tap-highlight-color: transparent; color: #cc932a; font-size: 13px; font-weight: 400;}
.form-switch i { position: relative; display: inline-block; margin-right: .5rem; width: 46px; height: 26px; background-color: #e6e6e6;  border-radius: 23px; vertical-align: text-bottom; transition: all 0.3s linear; top: 5px;}
.form-switch i::before {content: ""; position: absolute; left: 0; width: 42px; height: 22px; background-color: #dddddd; border-radius: 11px; transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1); transition: all 0.25s linear;}
.form-switch i::after { content: ""; position: absolute; left: 0; width: 22px; height: 22px; background-color: #fff; border-radius: 11px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24); transform: translate3d(2px, 2px, 0); transition: all 0.2s ease-in-out;}
.form-switch:active i::after { width: 28px; transform: translate3d(2px, 2px, 0);}
.form-switch:active input:checked + i::after { transform: translate3d(16px, 2px, 0);}
.form-switch input { position: absolute; opacity: 0; pointer-events: none;}
.form-switch input:checked + i { background-color: #cc932a;}
.form-switch input:checked + i::before { transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);}
.form-switch input:checked + i::after { transform: translate3d(22px, 2px, 0);}

.btn-success{background-color: #cc932a; border: #cc932a; padding: 6px 36px; font-size: 17px;}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active{background-color: #58585a; border: #58585a;}

/*Main Page*/
#side-menu {background-color:#373737;}
#side-menu a {color:#fff;}
#side-menu a i {padding-right: 5px;}
#side-menu h4{color: #828282; padding-left:20px; margin-top: 40px; font-size: 15px; text-transform: uppercase;}
.selected {background-color:#747477}

/* side-menu section */
#navbar {background-color:#ffffff; border-radius: 0; border: none; margin: 0;}
.nav > li > a:hover, .nav > li > a:focus { background-color:rgba(74, 72, 126, 0);}
.navbar-top-links  .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #f7f7f8;}
.navbar-top-links > li > a {color: #58585A; /*background: #f7f7f8;*/}
.nav > li > a {padding: 10px 15px;}

/* Sidebar Menu Styles */
.arrow {float: right;}
.fa.arrow:before {content: "\f104";}
.active > a > .fa.arrow:before {content: "\f107";}
.nav-second-level li,.nav-third-level li {border-bottom: none !important;}
.nav-second-level li a {padding-left: 37px;}
.nav-third-level li a {padding-left: 52px;}

.navbar-right {margin-top: 5px;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background: transparent; border: none;}

/* tap nvbar Section */
.logo {background-color: #fbedd3;color: #fff; border-bottom: 0 solid transparent;}
.logo { display: block; float: left; height: 82px; line-height: 82px; width: 250px; padding: 0; padding-left: 40px;}
.logo img { height:40px;}

.search-form{float: left; margin:18px 20px;}
.search-form input{background: #f2f2f2; border: none; height: 40px; width: 350px;}
.search-form .input-group-addon{background:#f2f2f2; border: none; border-radius: 0;}
.search-form .input-group-addon .fa {font-size: 17px; position: relative;}
.search-form button{margin-top: -5px;}
.search-btn{background: #cc932a; color: #ffffff; border-radius: 0; padding: 8px 20px; margin-left: 10px;}
.search-btn:hover,.search-btn:focus,.search-btn:active,.search-btn.active{background-color: #58585a; color: #ffffff;}

/* Top Right Navigation Dropdown Styles */
.top-label {position: absolute; top: 50%; right: 50%; margin-top: -22px; margin-right: -22px; border-radius: 50%; line-height: 12px;}
.label-warning{background-color: #ff0000;}

.navbar-top-links li {display: inline-block; }
.navbar-top-links li:last-child {margin-right: 15px;}
/*.navbar-top-links li a {padding: 25px; min-height: 50px;}*/
.navbar-top-links .dropdown-menu li {display: block;}
.navbar-top-links .dropdown-menu li:last-child {margin-right: 0;}
.navbar-top-links .dropdown-menu li a {padding: 3px 20px; min-height: 0;}
.navbar-top-links .dropdown-menu li a:hover{background: transparent;}
.navbar-top-links .dropdown-menu li a .fa{margin-right: 5px; color: #acc2e6;}
.navbar-top-links .dropdown-menu li a div {white-space: normal;}
.navbar-top-links .dropdown-alerts {width: 310px; min-width: 0;}
.navbar-top-links .dropdown-alerts {margin-left: -123px;}
.navbar-top-links .dropdown-user {right: 0; left: auto;}

.user-link {background: #acc2e6; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; margin-left: 5px;}


/* Wrappers */
/* ------------------------------- */
#wrapper { width: 100%; /*margin-top: 55px!important;*/ background-color:#373737; overflow: hidden;}
#page-wrapper {padding: 0 15px; min-height: 568px; background-color:#f7f7f7;}

.well{background: #ffffff; border: none;}
.well-lg{padding: 20px; border-radius: 4px;}
.well-small{padding: 0;}
.well-in{padding: 20px;}
.well-header{display: table; width: 100%; padding: 20px; margin:0 0 10px 0; background: #fbedd3; font-size: 12px;}
.well-header select{padding:5px 10px; border: solid 1px #f0eded; margin-left: 5px;}
.well-header button{float: left;}
.well-header form{float: right;}

.info-box {display:block; min-height:60px; background:#fff; width:100%; border-radius:2px; margin-top: 15px;}
.info-box small {font-size:14px;}
.info-box-icon {border-top-left-radius:2px; border-top-right-radius:0; border-bottom-right-radius:0; border-bottom-left-radius:2px; display:block; float:left; height:45px; width:45px; text-align:center; font-size:25px; line-height:45px; background:rgba(0,0,0,0.2); color: #ffffff; }
.info-box-content {padding:0 10px 5px 10px; margin-left:45px;}
.info-box-number { display:block; font-weight:bold; font-size:16px;}
.info-box-text {display:block; font-size:11px; color: #ababab; /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/}

.blue {background-color:#3887f1;}
.green {background-color:#8ccf40;}
.purple{background-color:#9a38f1;}
.red {}
.yellow {background-color:#f1a738;}
.large-font { font-size:20px; color: #b0b0b0;}
.blue-text{color: #6c7b98;}

.panel-group .panel {border-radius: 0; box-shadow: none; border: none;}
.panel-list > .panel-heading { padding: 0; border-radius: 0; color: #212121; background-color: #FAFAFA; border-color: #EEEEEE;}
.circle-icon{float: left; padding-left: 10px; padding-right: 10px; height: 60px; line-height: 60px;}
.circle-icon i{background: #cc932a; width: 30px; height: 30px; line-height: 30px; color: #ffffff; border-radius: 50%; text-align: center;}
.panel-title {font-size: 14px; }
.panel-title > a {display: block; padding: 15px; text-decoration: none; font-size: 14px;}
.panel-title > a small{display: block; margin-top: 5px;}
.more-less {float: right; color: #212121; }
.panel-list > .panel-heading + .panel-collapse > .panel-body {border-top-color: #EEEEEE;}

.modal-header{background: #fbedd3; border-bottom: none;}
.modal-content{border-radius: 0;}
.btn-primary{background: #373737; border-color:#373737;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active{background: #747477; border-color:#747477;}

.btn-default{border-radius: 0;}

.btn-info {color: #fff; background-color: #cc932a; border-color: #cc932a; border-radius: 0;}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active{background: #9d6a0b; border-color:#9d6a0b;}

.btn-download{color: #fff; background-color: #4e5b71; border-color: #4e5b71; border-radius: 0;}
.btn-download:hover, .btn-download:focus, .btn-download:active, .btn-download.active{background: #ffffff; border-color:#373737;}

/*table*/
.page-header{margin:0 0 20px 0; display: inline-block; border-bottom: none; padding-bottom: 0;}
.page-header button{position: absolute; right: 20px; top: 0;}

table{font-size: 12px;}
table.dataTable thead .sorting{background: none !important;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{padding:13px 10px;}
.table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{border: 1px solid #f0eded;}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td{text-transform: uppercase;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color: #cc932a; border-color: #cc932a;}
.pagination > li > a, .pagination > li > span{color: #373737;}

.sheetForm{}
.sheetForm label{text-transform: uppercase; font-size: 12px;}
.sheetForm .form-control{border: 2px solid #ecebeb; box-shadow: none; border-radius: 2px;}
.sheetForm .input-group-addon{background: transparent; border: 2px solid #ecebeb; border-left: none;}
.input-group.width-50{width: 48.5%;}

.form{}
.form label{font-size: 12px;}
.form .form-control{border: 2px solid #ecebeb; box-shadow: none; border-radius: 2px;}


/*media queries*/
@media(min-width:768px) 
{
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 30px 20px;
        /*min-height: 1000px;*/       
    }

    .navbar-static-side {
        z-index: 1;
        position: absolute;
        width: 250px; top: 0; margin-top: 82px;
    }

    .navbar-top-links .dropdown-alerts {margin-left: auto;}
}

@media(max-width:768px) {
    .search-form input{width: 150px;}
    .search-btn{padding: 8px 10px;}
    .logo{width: 100%;}
    .navbar-default .navbar-toggle{border-color: #000; position: absolute; top: 10px; right: 10px; z-index: 2;}
    .dropdown-toggle strong{display: none;}

    .page-header{margin: 20px 0;}
    .page-header button{display: block; position: unset;}

    .well-header form{float: none; margin: 20px 0 0 0;}

    .input-group.width-50{width: 100%;}
}