@charset "UTF-8";
@import url("./menu.css");

body {font-family: "ElisWGL-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; color: #555; padding-top: 56px; font-size: 14px; position: relative; background: #F1F4F5; overflow-x: hidden; }

h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px; font-weight: 400;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

.text-primary {color: #cc0033;}
.text-success {color: #42b382;}
.text-warning {color: #ffc107;}
.text-danger {color: #E9585B;}
.text-info {color: #90c1f1;}

h4{color: #6e6969; font-weight: 700;}
a{color: #cc0033;}
a:hover, a:focus {color: #bf5007;}
a, button {text-decoration: none; outline: none !important; -webkit-tap-highlight-color: transparent;}

hr{background-color: #9c8f8f; border-color: #9c8f8f; margin-bottom: 15px;}

.fileIcons a{margin-left: 5px; color: #929292; font-size: 22px; margin: 0 !important;}


/* ======= FORMS BEGIN ======= */
label {font-weight: 400;}

/* ------- wysiwig editor ------- */
.hEditorS{height: 200px;}
.hEditorM{height: 400px;}
.hEditorB{height: 700px;}

/* ------- placeholder ------- */
::-webkit-input-placeholder {/* Chrome/Opera/Safari */ color: #ccc !important;}
::-moz-placeholder {/* Firefox 19+ */ color: #ccc !important; font-style: italic;}
:-ms-input-placeholder {/* IE 10+ */ color: #ccc !important;}
:-moz-placeholder {/* Firefox 18- */ color: #ccc !important;}

/* ------- bootstrap select ------- */
.bootstrap-select.form-control {margin-bottom: 0; padding: 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;}
.bootstrap-select .btn-default{background-color: #fff; line-height: 180%; color: #555; padding-left: 0;}
.bootstrap-select .btn-default:hover{background-color: #fff;}

/*bootstrap-selected - nastaveni barvy placeholder (nasteveno dle https://github.com/silviomoreto/bootstrap-select/pull/1190/commits/fee39afc02a035befa9c411fb6bcb5fa8cafe3e2#diff-8aa4869f62d87a1100e33e0e72d2c06e)*/
/*.bs-noneSelected{color: #ccc !important; font-style: italic;}
.bs-noneSelected:hover, .bs-noneSelected:focus, .bs-noneSelected:active{color: #ccc !important;}*/

/* ------- formularove pole s efektem najeti linky ------- */
/*.form-control.material, .bootstrap-select.form-control .btn-default{padding-left: 0; border: 0 none; -webkit-border-radius: 0; border-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#cc0033), to(#cc0033)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)); background-image: -webkit-linear-gradient(#cc0033, #cc0033), -webkit-linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#cc0033, #cc0033), linear-gradient(#d2d2d2, #d2d2d2); background-size: 0 2px,100% 1px; background-repeat: no-repeat; background-position: center bottom, center -webkit-calc(100% - 1px); background-position: center bottom, center calc(100% - 1px); background-color: transparent; -webkit-box-shadow: none; box-shadow: none;}

.form-control.material:focus, .form-control .btn-default:focus {outline: none; -webkit-animation: input-highlight .5s forwards; animation: input-highlight .5s forwards; -webkit-box-shadow: none; box-shadow: none;}
@-webkit-keyframes input-highlight {
  0% {background-size: 0 2px, 100% 1px;}
  100% {background-size: 100% 2px, 100% 1px;}
}
@keyframes input-highlight {
  0% {background-size: 0 2px, 100% 1px;}
  100% {background-size: 100% 2px, 100% 1px;}
}*/

/* ------- buttons ------ */
button:focus, button:active {outline: none !important;}
button::-moz-focus-inner {border: 0;}

.btn{-webkit-border-radius:	0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important;}
.btn.btn-primary{background-color: #cc0033; border: none; color: #fff !important; padding-left: 5em; padding-right: 5em;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn.btn-primary:hover{background-color: #333;}
.btn.btn-primary:focus, .btn.btn-primary:active:focus{background-color: #cc0033; border-color: #333;}
.btnNoActive{color: #a8a8a8;}

.btn-filter{padding: 6px 10px; vertical-align: middle; font-size: 30px; color: #929292;}
.btn-filter:hover{background-color: #cc0033; color: #fff;}

/*Checkbox, radio */
/* zdroj https://bootsnipp.com/fullscreen/ZkMKE */
.checkbox {padding-left: 20px;}
.checkbox label {display: inline-block; position: relative; padding-left: 5px;}
.checkbox label::before {content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out;}
.checkbox label::after {display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #555;}
.checkbox input[type="checkbox"] {opacity: 0;}
.checkbox input[type="checkbox"]:focus + label::before {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.checkbox input[type="checkbox"]:checked + label::after {font-family: 'FontAwesome'; content: "\f00c";}
.checkbox input[type="checkbox"]:disabled + label {opacity: 0.65;}
.checkbox input[type="checkbox"]:disabled + label::before {background-color: #eee; cursor: not-allowed;}
.checkbox.checkbox-circle label::before {border-radius: 50%;}
.checkbox.checkbox-inline {margin-top: 0;}
.checkbox-primary input[type="checkbox"]:checked + label::before {background-color: #428bca; border-color: #428bca;}
.checkbox-primary input[type="checkbox"]:checked + label::after {color: #fff;}
.checkbox-danger input[type="checkbox"]:checked + label::before {background-color: #d9534f; border-color: #d9534f;}
.checkbox-danger input[type="checkbox"]:checked + label::after {color: #fff;}
.checkbox-info input[type="checkbox"]:checked + label::before {background-color: #5bc0de; border-color: #5bc0de;}
.checkbox-info input[type="checkbox"]:checked + label::after {color: #fff;}
.checkbox-warning input[type="checkbox"]:checked + label::before {background-color: #f0ad4e; border-color: #f0ad4e;}
.checkbox-warning input[type="checkbox"]:checked + label::after {color: #fff;}
.checkbox-success input[type="checkbox"]:checked + label::before {background-color: #5cb85c; border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {color: #fff;}

.radio {padding-left: 20px;}
.radio label {display: inline-block; position: relative;padding-left: 5px;}
.radio label::before {content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #ccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out;}
.radio label::after {display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);}
.radio input[type="radio"] {opacity: 0;}
.radio input[type="radio"]:focus + label::before {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.radio input[type="radio"]:checked + label::after {-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}
.radio input[type="radio"]:disabled + label {opacity: 0.65;}
.radio input[type="radio"]:disabled + label::before {cursor: not-allowed;}
.radio.radio-inline {margin-top: 0;}
.radio-primary input[type="radio"] + label::after {background-color: #428bca;}
.radio-primary input[type="radio"]:checked + label::before {border-color: #428bca;}
.radio-primary input[type="radio"]:checked + label::after {background-color: #428bca;}
.radio-danger input[type="radio"] + label::after {background-color: #d9534f;}
.radio-danger input[type="radio"]:checked + label::before {border-color: #d9534f;}
.radio-danger input[type="radio"]:checked + label::after {background-color: #d9534f;}
.radio-info input[type="radio"] + label::after {background-color: #5bc0de;}
.radio-info input[type="radio"]:checked + label::before {border-color: #5bc0de;}
.radio-info input[type="radio"]:checked + label::after {background-color: #5bc0de;}
.radio-warning input[type="radio"] + label::after {background-color: #f0ad4e;}
.radio-warning input[type="radio"]:checked + label::before {border-color: #f0ad4e;}
.radio-warning input[type="radio"]:checked + label::after {background-color: #f0ad4e;}
.radio-success input[type="radio"] + label::after {background-color: #5cb85c;}
.radio-success input[type="radio"]:checked + label::before {border-color: #5cb85c;}
.radio-success input[type="radio"]:checked + label::after {background-color: #5cb85c;}

/* ------ Popover ------- */
.popover { max-width: 300px; min-width: 200px; border: 0 none; -webkit-border-radius: 0; border-radius: 0;}
.popover-title {font-size: .9em; text-align: center; -webkit-border-radius: 0; border-radius: 0;}
.popover-content {background-color: #fff; padding: 10px 15px; font-size: .8em;}
/* ======= FORMS END ======= */

.main-wrapper {width: 100%; position: relative;}

/* ------- top lista ------- */
.gn-menu-main {background: #fff; color: #273238;}
.gn-menu-main .navbar-right a {color: #cc0033;}
.gn-menu-main .navbar-right a:focus, .gn-menu-main .navbar-right a:hover {background-color: #eee !important; color: #cc0033;}

.topInfoLine {line-height: 56px; font-size: 16px; font-weight: 700; width: 70%; text-align: center;}
.topInfoLine .topInfoLineIn{display: block; background-color: #fff; line-height: 50px; width: 50%; margin: 0 auto; color: #cc0033; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;}
.topInfoLine .topInfoLineIn a{width: auto; display: inline; color: #cc0033;}
@media (max-width: 1200px) {
  .topInfoLine {line-height: 100%; font-size: 14px; font-weight: 700; width: 60%;}
  .topInfoLine .topInfoLineIn{width: 80%; line-height: 100%; padding-top: 20px;}
}
@media (max-width: 767px) {
  .topInfoLine {line-height: 100%; font-size: 14px; font-weight: 300; width: 60%;}
  .topInfoLine .topInfoLineIn{width: 80%; line-height: 100%; padding-top: 20px;}
}

.topMenu{float: right !important;}
.topMenu .navbar-right{float: right;}
.topMenu .navbar-right > li {float: left;}
.topMenu .navbar-right a:hover {color: #fff !important;}

/* menu jazykove mutace */
.topMenu .navbar-right .btn-group{-webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0; margin: -6px 0 0 0;}
.topMenu .navbar-right .btn-group .btn{margin-top: 0; margin-bottom: 0; padding: 18px 15px; color: #cc0033; background-color: transparent;}
.topMenu .navbar-right .btn-group .btn img{border: 1px solid #fff; margin-right: 4px;}
.topMenu .navbar-right .btn-group .btn:hover{background-color: #eee; color: #cc0033;}
.topMenu .navbar-right .btn-group .btn:hover .fa{color: #cc0033;}
.topMenu .navbar-right .dropdown-menu{-webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; margin-top: -3px; border: 0 none; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 2px 5px rgba(0, 0, 0, .175);}
.topMenu .navbar-right .dropdown-menu li a{display: block !important; line-height: 300%; font-size: 1.2em !important;}
.topMenu .navbar-right .btn-group .btn:active, .btn-group.open .dropdown-toggle {-webkit-box-shadow: none !important; box-shadow: none !important; color: #cc0033; background-color: #eee;}
.topMenu .navbar-right .dropdown-menu li a .fa{padding-right: 5px;}
.topMenu .navbar-right .btn-group .dropdown-menu strong{font-weight: 300;}

.topMenu .navbar-toggle {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; padding: 20px; float: left;}
.topMenu .navbar-toggle .icon-bar {background-color: #cc0033;}
.topMenu .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #eee; color: #cc0033;}
.topMenu .navbar-toggle:hover .icon-bar, .topMenu .navbar-default .navbar-toggle:focus .icon-bar {background-color: #fff;}

.topMenu .navbar-collapse.collapse .mdi{font-size: 22px; vertical-align: middle;}
.topMenu .navbar-collapse.collapse i{vertical-align: middle;}
.topMenu .navbar-collapse.collapse strong{font-weight: 300;}
.topMenu .navbar-collapse.collapse .active{background-color: #eee;}

/* ------- Rozjizdeci menu v horni liste ------- */
.dropdown, .dropup {display: inline-block;}
.dropdown .dropdown-menu, .dropup .dropdown-menu, .btn-group .dropdown-menu {opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .2s; transition: all .2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; border-color: transparent; -webkit-border-radius: 3px; border-radius: 3px;}
.dropdown .dropdown-menu > li > a, .dropup .dropdown-menu > li > a, .btn-group .dropdown-menu > li > a {padding: 8px 20px;}
.dropdown .dropdown-menu.pull-right, .dropup .dropdown-menu.pull-right, .btn-group .dropdown-menu.pull-right {right: 0; left: auto;}
.dropdown .dropdown-menu, .btn-group .dropdown-menu {-webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left;}
.dropdown .dropdown-menu.pull-right, .btn-group .dropdown-menu.pull-right {-webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right;}
.dropup .dropdown-menu {-webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left;}
.dropup .dropdown-menu.pull-right {-webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right;}
.dropdown.open .dropdown-menu, .dropup.open .dropdown-menu, .btn-group.open .dropdown-menu {opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

/* ------- Metis Menu ------- */
.metismenu .fa.arrow:before {content: "\f105";}

@media (min-width: 768px) and (max-width: 991px) {
  .navbar-collapse.collapse {display: none !important;}
  .navbar-collapse.collapse.in {display: block !important;}
  .navbar-header .collapse, .navbar-toggle {display:block !important;}
}

@media (max-width: 991px) {
  .topMenu .navbar-collapse {position: absolute; top: 52px; background-color: #fff; overflow: visible;}   
  .topMenu .navbar-collapse > li{float: none; width: 100%; text-align: left; background-color: #fff;}
  .topMenu .navbar-collapse > li strong, .topMenu .navbar-collapse > li i{font-weight: 300; font-size: 16px;}

}

@media (max-width: 767px) {
  .mainTopLi .dropdown-menu {min-width: 60px; width: 60px;}
  .mainTopLi .dropdown-menu li a strong{display: none; width: 50px !important;}
}

@media (max-width: 450px) {
  .topMenu .navbar-right li.mainTopLi a, .topMenu .navbar-right .btn-group .btn, .topMenu .navbar-right li.mainTopLi .navbar-toggle{padding-left: 10px !important; padding-right: 10px !important;}
  .topMenu .navbar-right li.mainTopLi a.fullscreen{padding-left: 2px !important; padding-right: 2px !important;}
}

/* ------ Boxes ------- */
.content {margin: 0 0; padding: 20px 30px 66px; position: relative; background: #F1F4F5; -webkit-transition: margin, .4s; transition: margin, .4s;}
.content-open {margin: 0 0;}
.content-box {position: relative; background: #fff; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); padding: 5px; margin-left: -10px; margin-right: -10px;}

.page-header {margin: 0; padding-bottom: 15px; padding-top: 20px; border-bottom: 0;}
.page-header .breadcrumb, .page-header h1 {margin: 0; padding: 0;}
.page-header h1 {padding-bottom: 10px;}

/* ------- Hlasky ------- */
.alert {padding: 19px 15px; color: #fefefe; position: relative; font: 14px/20px Museo300Regular, Helvetica, Arial, sans-serif;}
.alert .msg {padding: 0 20px 0 40px;}
.alert p {margin: 0;}
.alert .toggle-alert {position: absolute; top: 7px; right: 10px; display: block; text-indent: -10000px; width: 20px; height: 20px; border-radius: 10px; -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1); box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1); background: rgba(0, 0, 0, 0.08) url('/img/alert.png') no-repeat 6px 6px;}
.info-box {background: #2fa9f6 url('/img/info.png') no-repeat 14px 14px;}
.success-box {background: #7EB62E url('/img/success.png') no-repeat 14px 14px;}
.error-box {background: #f64b2f url('/img/error.png') no-repeat 14px 14px;}
.notice-box {background: #f6ca2f url('/img/notice.png') no-repeat 14px 14px;}
.download-box {background: #a555ca url('/img/download.png') no-repeat 14px 14px;}

/* ------- Login page ------- */
.login-wrapper {display: table; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #F1F4F5; text-align: center; padding-top: 55px;}
.login-wrapper .table-row {display: table-row;}
.login-wrapper .table-row .table-cell {display: table-cell; vertical-align: middle;}
.login-wrapper img{margin-bottom: 15px;}
.login {max-width: 350px; margin: 0 auto;}
.login h4{margin-bottom: 30px; text-align: center;}
.login h4, .login p {font-weight: 400;}
.login .login-form {padding: 30px 30px 30px;}
.login form {margin-bottom: 15px;}
.login .btn-primary {margin-top: 50px;}

/* ------- Drobeckove menu ------- */
.breadcrumb {-webkit-border-radius: 0; border-radius: 0; background-color: transparent;}
.breadcrumb.breadcrumb-arrow > li + li:before {content: "\00bb\00a0";}
.breadcrumb a {color: #cc0033;}
.breadcrumb a i {margin-right: 5px; font-size: 16px;}

/* ------- Strankovani ------- */
.paginationBox{text-align: center;}
.pagination li {display: none;}
.pagination li:first-of-type, .pagination li:last-of-type {display: inline;}
.pagination li a {-webkit-border-radius: 0; border-radius: 0;}
.pagination li.active a {background: #cc0033; border-color: #cc0033;}
.pagination li.active a:hover, .pagination li.active a:focus {background: #cc0033; color: #fff;}
.pagination li a {color: #76828E; -webkit-transition: none !important; transition: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; z-index: 1 !important; line-height: 1.3333333 !important; border: 1px solid #ddd !important;}
.pagination li a:hover, .pagination li a:focus {color: #76828E; background: #fff;}
.pagination-lg li a {font-size: 18px !important;}
.pagination-sm li a {font-size: 12px !important;}

/* Member sidebar */
.members-sidebar {background: #fff; padding: 20px; overflow: auto; position: fixed; top: 56px; bottom: 0; width: 240px !important; z-index: 605; right: -245px; -webkit-box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.13); box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.13); -webkit-transition: all, .5s; transition: all, .5s;}
.members-sidebar .listCheckBoxes {margin-top: 30px;}
.members-sidebar .messages {margin-top: 30px;}
.members-sidebar .member-name {font-weight: 500;}
.members-sidebar li {padding: 10px 0; font-weight: 400;}
.members-sidebar li .status {display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 8px; background-color: #E7EBEC;}
.members-sidebar li .online {background-color: #4caf50;}
.members-sidebar li .not-available {background-color: #ffc107;}
.members-sidebar .members-group {font-size: 16px; padding-top: 30px;}
.members-sidebar-open {right: 0 !important;}
.close-members-sidebar {cursor: pointer; font-size: 18px;}
.picker .picker-label {max-width: 140px;}

/* ------- zobrazeni tabulky v mobilnim zarizeni */
@media only screen and (max-width: 800px){
  .no-more-tables table, .no-more-tables thead, .no-more-tables tbody, .no-more-tables th, .no-more-tables td, .no-more-tables tr {display: block;}
  /* Hide table headers (but not display: none;, for accessibility) */
  .no-more-tables thead tr {position: absolute; top: -9999px; left: -9999px;}
  .no-more-tables tr { border: 1px solid #ccc; }
  .no-more-tables td {border: none; border-bottom: 1px solid #eee; position: relative; padding: 5px !important; padding-left: 50% !important; white-space: normal !important; text-align:left;}
  .no-more-tables td:before {/*table header*/position: absolute; top: 6px;/*odsazeni*/ left: 6px;/*odsazeni*/ width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold;}
  .no-more-tables .checkbox{line-height: 100%;} /*vlastni nastaveni*/
  .no-more-tables td:before { content: attr(data-title);}
}

/* ------- Paticka ------- */
.footer {color: #939393; font-weight: 400; bottom: 0; left: 0; line-height: 66px; position: absolute; right: 0; z-index: 5; text-align: center;}



/* ==============
    Skins begin 
   ============== */
.gn-menu-main {background: #fff; color: #273238;}
.gn-menu-main ul.gn-menu {background: #273238;}
.gn-menu-main ul.gn-menu a {color: #76828E;}
.gn-menu-main ul.gn-menu a.active {color: #fff;}
.gn-menu-main a {color: #fff;}
.gn-menu-main .navbar-right a:focus, .gn-menu-main .navbar-right a:hover {background-color: #cc0033;}
#menu-toggle:hover span {background: #fff !important;}
#menu-toggle span {background: #273238;}
.gn-menu-wrapper {background: #273238;}
.gn-menu .arrow {color: #76828E;}
.gn-submenu {background: #313f47 !important;}
.gn-submenu li a {color: #76828E;}
.gn-submenu li a i{padding: 0 5px 0 0}
.gn-submenu li a:before {background: #273238;}
.gn-submenu li a.active {color: #fff;}
.gn-submenu li a.active:after {border-left: 8px solid #273238;}
.no-touch .gn-menu-main a:hover{background: #cc0033; color: #fff;}
.no-touch .gn-menu-main a:hover .arrow{color: #fff;}

/* ===========
    Skins end
   =========== */




@media (max-width: 768px) {
  /*Remove not useful elements from top navigation*/
  .logo, .some-btn {display: none !important;}
  /*Remove margins from content block*/
  .content {margin: 0; padding: 20px 10px 40px;}
  .content-open {margin: 0!important;}
  .content-open-part {margin: 0 0 0 66px!important;}
  .gn-menu-hidden {display: none;}
  .bottom-bnts {display: none;}
}

@media (min-width: 992px) and (max-width: 1366px) {}

@media only screen and (min-width: 768px) {
  .pagination li {display: inline;}
  #menu-toggle {display: none !important;}
  .gn-menu-hidden {display: block;}
}

@media (max-width: 480px) {}

@media only screen and (max-width: 450px) {
  .table-inbox tr td {white-space: nowrap !important;}
}