/* New skin 2020 */
/* vietnamese */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58m-wi40.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58i-wi40.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58a-wg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkBgv58m-wi40.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkBgv58i-wi40.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkBgv58a-wg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.page-container {
  background-color:#f8f8f8 !important;
}
body{font-family: 'Quicksand','Open Sans','Cairo', 'Helvetica Neue', Helvetica, Arial, sans-serif !important};

.panel {
    border-radius: 5px !important;
}

.panel-default {
    border-color: #f7f7f7;
}

.panel-body {
    padding: 15px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 2px 6px 15px 0 rgba(69,65,78,.1);
    -moz-box-shadow: 2px 6px 15px 0 rgba(69,65,78,.1);
    box-shadow: 2px 6px 15px 0 rgba(69,65,78,.1);
    border: 0;
}

.table-bordered {border: 1px solid #f4f4f4;}

.navbar-inverse {background-color: #fff;-webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);}

.navbar-header {
    position: relative;
    min-width: 240px;
    margin-left: 0px;
    margin-right: 15px;
    background-color: #fff;
    padding: 0 15px;
	-webkit-box-shadow: 9px 0 20px rgba(89, 102, 122, 0.1);
	box-shadow: 9px 0 20px rgba(89, 102, 122, 0.1);
}
.table {background: #fff;}
.table-bordered {background: #fff !important}

.footer {background-color: transparent;font-weight: 600;font-size:14px}
.navbar-inverse .navbar-nav > li > a {color: #1c1c1c;font-weight: 900;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #000;
    background-color: transparent;
    font-weight: 900;
}

.sidebar-toggle {
    position: absolute;
    right: 10px;
    top: 12px;
    line-height: 1;
    color: #fff;
    padding: 6px 7px 7px 7px;
    background-color: rgb(3, 169, 244);
    height: 30px;
    border-radius: 500%;
}

.sidebar {
    background-color: #fff !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1) !important;
}
.navigation > li.active > a, .navigation > li.active:hover > a, .navigation > li.active:focus > a {
    color: #2a41e8 !important;font-weight: 700;
}
.navigation > li {border-top: 1px solid #f7f7f7 !important;}

.navigation > li > a {
    color: rgb(91, 91, 91) !important;
	font-weight: 600;
}

.navigation > li ul li a {
    color: #2a41e8 !important;
}

.navigation > li > a > i {
    left: 14px !important;
    right: none !important;
}

.navigation > li > a {
    padding: 13px 14px 14px 40px !important;
}

.navigation > li:hover > a {background-color: #E3E6FC !important;}

.navigation > li ul {background-color: #E3E6FC !important;}

.coo {
    background: transparent !important;
}
.user-menu > a { background: #03A9F4 !important;}
.user-info span {color: #fff !important;}

.navigation > li ul > li.active > a, .navigation > li ul > li.active > a:hover {
    background-color: #2a41e8 !important;
	color: #fff !important;
}
.navigation > li ul > li.active > a, .navigation > li ul > li.active > a:hover {
    border-left: 5px solid #03a9f4 !important;
}

.user-info {color: #000;font-weight:600; font-size: 18px}

.sidebar-toggle {right: 10px !important;border-radius: 50%;}

.navbar-brand {
    height: 54px;
    padding: 15px 5px 0 0 !important;
    font-size: 32px;
	color:#03a9f4  !important;
}

.navigation > li:hover > a {
    color: #1278ca !important;
    border-left: 1px solid #1278ca;
    background-color: #1e282c;
}

.navigation {
    border-bottom: 0px solid #49565D !important;
}

.info-box {
    display: block;
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-bottom: 15px;
    border: 0px solid #fff;
}

.navigation > li.active > a, .navigation > li.active:hover > a, .navigation > li.active:focus > a {
    color: #fff;
    background-color: rgba(42,65,232,0.13) !important;
    border-color: #1278ca;
}

.footer {
    font-size: 14px !important;
    color: #777 !important;
    font-weight: 400 !important;
	border-top: 0px solid #ddd !important;
    padding: 0px 0px 10px 0px !important;
}
.sidebar-narrow .navigation > li > a {
    padding: 15px 3px 16px 0 !important;
}

.sidebar-toggle {
    background-color: rgb(3, 169, 244) !important;
}