body {background:#393945; font-family: 'Roboto', sans-serif; color:#000;}

/* margin */
.mt-5{margin-top:5px;}
.mb-5{margin-bottom:5px;}
.mr-5{margin-right:5px;}
.ml-5{margin-left:5px;}

.mt-10{margin-top:10px;}
.mb-10{margin-bottom:10px;}
.mr-10{margin-right:10px;}
.ml-10{margin-left:10px;}

.mt-20{margin-top:20px;}
.mb-20{margin-bottom:20px;}
.mr-20{margin-right:20px;}
.ml-20{margin-left:20px;}

.mt-25{margin-top:25px;}
.mb-25{margin-bottom:25px;}
.mr-25{margin-right:25px;}
.ml-25{margin-left:25px;}

/* padding */
.pt-5{padding-top:5px;}
.pb-5{padding-bottom:5px;}
.pr-5{padding-right:5px;}
.pl-5{padding-left:5px;}

.pt-10{padding-top:10px;}
.pb-10{padding-bottom:10px;}
.pr-10{padding-right:10px;}
.pl-10{padding-left:10px;}

.pt-20{padding-top:20px;}
.pb-20{padding-bottom:20px;}
.pr-20{padding-right:20px;}
.pl-20{padding-left:20px;}

.pt-25{padding-top:25px;}
.pb-25{padding-bottom:25px;}
.pr-25{padding-right:25px;}
.pl-25{padding-left:25px;}

/** text color **/
.text-white{color:#fff;}
.text-black{color:#000;}
.text-red{color:#e62d2d;}
.text-gray{color:#a1a1a1;}



label {font-weight:normal; color:#000;}
.form-control {background:#eeeeee; border:none; box-shadow:none;}
.btn-default {background:#3c4650; color:#fff; text-transform:uppercase; border:none;}

 /** dashboard recent list **/
.dashboard-recent{background-color:#fff;border:1px solid #e3e3e3;border-radius:10px;}

/* Navbar */
.nav.side-menu>li>a, .nav.child_menu>li>a {text-transform:uppercase; letter-spacing:.5px;}
.nav_menu {background:#fff;}

/* Magnific popup */
.white-popup-block {background: #FFF; padding: 20px 30px; text-align: left; max-width: 1024px; margin: 40px auto; position: relative;}

.nav-md .container.body .right_col {background:#dadada;}
.nav-sm .container.body .right_col {background:#dadada;}
.x_panel {border:none; padding:25px;}
.x_table_heading {background:#eeeeee;}
.x_table_heading tr th {padding:15px 0 !important;}
.left_col {background:#393945 !important;}
.nav-md .container.body .col-md-3.left_col {width:213px !important;}
.nav-md .container.body .right_col {margin-left:213px !important;}
.nav_menu {border-bottom:none !important; margin-bottom:0;}
.nav.side-menu>li.active>a {background:transparent !important;}
.nav.side-menu>li.current-page, .nav.side-menu>li.active {border-right:5px solid #8c8165 !important;}
.main_container .top_nav {margin-left:213px !important;}
.nav-sm .main_container .top_nav {display: block; margin-left: 70px !important; z-index: 2}


.x_table_content {padding:10px; padding-top:0; background:#fff; margin-top:10px;}

.toggle {width:50px;}
.toggle a i {color:#fff;}

.main-title {font-size:23px; font-weight:400; margin:20px 40px; color:#000;}

/* Form label */
.formlabel label {text-align: left !important;}
.combo-menu {position:relative !important;}
.combo-menu select option {background:#fff;}
.combo-menu:before {content:""; position:absolute; width:35px; height:32px; background:#393945; right:0 !important; z-index:9;}
.combo-menu i {position:absolute; right:8px; top:4px; z-index:9; color:#fff;}

/* tabs */
ul.bar_tabs {display:block !important; background:transparent; overflow:hidden; padding:35px 0; margin:0;}
ul.bar_tabs>li {margin-left:0; margin-right:1px; background:#eeeeee !important; border-radius:0 !important; border:none;}
ul.bar_tabs>li a {background:transparent; color:#000; font-size:16px; padding:14px 25px;} 
ul.bar_tabs>li.active {border:none; margin-top:-17px; }
ul.bar_tabs>li.active a {border:0; border-radius:0; padding:15px 25px;}
ul.bar_tabs>li.active a:hover {border:0;}

/* Login page */
.login {position: fixed; left:0; right:0; top:0; bottom:0;}
.login_content form input[type="text"], .login_content form input[type="email"], .login_content form input[type="password"] {box-shadow:none; border-radius:10px; background:#fff; border:none; height:30px; font-size:14px; color:#000;}
form input:focus {border:none !important;}
.btn-login {background:#545361; border-radius:10px; height:30px; color:#fff; font-size:14px; letter-spacing:1px; transition:all .3s ease-in-out; padding: 0; }
.btn-login:hover {background:#fff; color:#000; transition:all .3s ease-in-out;}
.btn-login:focus {background:#fff; color:#000; transition:all .3s ease-in-out;}

@media (min-width: 992px) {
	footer {margin-left: 213px;}
}

.scroll-view {width:100% !important; background:red;}
.top_nav .navbar-right {margin: 0; width: 65%; float: right}

/* dashboard */
.dashboard_buttons {background:#ebebed; padding:30px 0; margin-left:213px; padding-left:25px; overflow:hidden;}
.nav-sm .main_container .dashboard_buttons {display: block; margin-left: 70px !important; z-index: 2}
.dashboard_button_links {border-radius:5px; background:transparent; border:solid 1px #393945; padding:15px 20px; font-size:16px; color:#000; transition:all .3s ease-in-out;}
.dashboard_button_links:hover {background:#393945; color:#fff; transition:all .3s ease-in-out;}
.dashboard_button_links:target {color:#000;}
.dashboard_button_links.active {background:#393945; color:#fff; transition:all .3s ease-in-out;}


.fc-content{display: none !important;}
.fc-event {border: 1px solid #eee !important; background-color: #eee !important; color: #000 !important;}
.fc-event:hover {color: #000 !important;}
.select-color {width: 3px !important; height: 28px !important; position: absolute !important; left: 0 !important;}

.btn-yellow{background:#ffff00;border:1px solid #cccc00}
.btn-orange{background:#ff6600;border:1px solid #cc5200}


/** database icon **/
.data-base-icons {background-color: #000; padding: 10px; margin-right: 10px; color: #fff !important;}
/** ./ database icon **/