:root
{
  --cust-gradient-background: linear-gradient(90deg, #1D1C1C 10%, #5A5C69 100%);
  --cust-gradient-bg-warning: linear-gradient(90deg, #FFA500 10%, #e76d2c 100%);
  --cust-gradient-bg-teacher: linear-gradient(90deg, #1220aa 10%, #0f1a8c 100%);
    --cust-primary-color: #1A9CD7;
    --cust-primary-color-alt: #126d97;
    --cust-primary-color-disb: #5fbae3;

    --cust-secondary-color: #a3a3a3;
    --cust-secondary-color-alt: #5c5c5c;
    --cust-secondary-color-disb: #dcdcdc;

    --cust-warning-color: #ff9e00;
    --cust-warning-color-alt: #d77a00;    
    --cust-warning-color-disb: #ffd092;

    --cust-danger-color: #e71010;
    --cust-danger-color-alt: #a21414;
    --cust-danger-color-disb: #ee6262;

    --cust-success-color: #008112;
    --cust-success-color-alt: #085312;  
    --cust-success-color-disb: #a7ecb0;
  
    --cust-info-color: #24d0ef;
    --cust-info-color-alt: #2798ac;
    --cust-info-color-disb: #adf2ff;

    --cust-purple-color: #8d3bd9;
    --cust-purple-color-alt: #652a9d;
    --cust-purple-color-disb: #b07be1;

    --cust-orange-color: #ff7519;
    --cust-orange-color-alt: #bc5816;
    --cust-orange-color-disb: #ffa060;

    --cust-white-color: #ffffff;
    --cust-black-color: #000000;
}

body 
{ 
	font-family: "Arial"
}

/*MAIN*/
.page-title 
{
	font-weight: 300 !important;
	font-family: "Arial";
	color: #062942;
	font-size: 30px;
	padding-right: 70px;
}

.page-title-operator 
{
	font-weight: 300 !important;
	font-family: "Arial";
	color: #062942;
	font-size: 30px;
	padding-right: 60px;
}

.cust-gradient-background {
    background-image: var(--cust-gradient-background);
}

.cust-gradient-bg-teacher {
    background-image: var(--cust-gradient-bg-teacher);
}

.btn-green 
{
	background-color: #85c51f;
	color: #fff;
	font-weight: 300 !important;
	font-family: "Arial";
	text-align: center !important;
}

.btn-green:hover
{
	background-color: #75ad1c;
	color: #fff;
	font-weight: 300 !important;
	font-family: "Arial";
	text-align: center !important;
}

.btn {
	font-weight: 300 !important;
	font-family: "Arial";
	text-align: center !important;
}

/*.content {
	padding: 0.5rem 4rem;
}*/

.container {
  width: 100%;
  padding: 0;
  margin-right: auto;
  margin-left: auto;
}

/* Primary Button */
.cust-btn-primary {
    color: var(--cust-white-color);
    background-color: var(--cust-primary-color);
    border-color: var(--cust-primary-color);
}

.cust-btn-primary:hover {
    color: var(--cust-white-color);
    background-color: var(--cust-primary-color-alt);
    border-color: var(--cust-primary-color-alt);
}

.cust-btn-primary:focus, .cust-btn-primary.focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--cust-white-color);
    background-color: var(--cust-primary-color-alt);
    border-color: var(--cust-primary-color-alt);
}

.cust-btn-primary.disabled, .cust-btn-primary:disabled {
    color: var(--cust-white-color);
    background-color: var(--cust-primary-color-disb);
    border-color: var(--cust-primary-color-disb);
}

.cust-btn-primary:not(:disabled):not(.disabled):active, .cust-btn-primary:not(:disabled):not(.disabled).active,
.show > .cust-btn-primary.dropdown-toggle {
    color: var(--cust-white-color);
    background-color: var(--cust-primary-color-alt);
    border-color: var(--cust-primary-color-alt);
}

.cust-btn-primary:not(:disabled):not(.disabled):active:focus, .cust-btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .cust-btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Secondary Button */
.cust-btn-secondary {
    color: var(--cust-white-color);
    background-color: var(--cust-secondary-color);
    border-color: var(--cust-secondary-color);
}

.cust-btn-secondary:hover {
    color: var(--cust-white-color);
    background-color: var(--cust-secondary-color-alt);
    border-color: var(--cust-secondary-color-alt);
}

.cust-btn-secondary:focus, .cust-btn-secondary.focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--cust-white-color);
    background-color: var(--cust-secondary-color-alt);
    border-color: var(--cust-secondary-color-alt);
}

.cust-btn-secondary.disabled, .cust-btn-secondary:disabled {
    color: var(--cust-white-color);
    background-color: var(--cust-secondary-color-disb);
    border-color: var(--cust-secondary-color-disb);
}

.cust-btn-secondary:not(:disabled):not(.disabled):active, .cust-btn-secondary:not(:disabled):not(.disabled).active,
.show > .cust-btn-secondary.dropdown-toggle {
    color: var(--cust-white-color);
    background-color: var(--cust-secondary-color-alt);
    border-color: var(--cust-secondary-color-alt);
}

.cust-btn-secondary:not(:disabled):not(.disabled):active:focus, .cust-btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .cust-btn-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 767px) {
    .content-2 {
    	margin: 0px -55px !important;
    }

    .btn-header {
    	margin-left: 20px;
    	margin-bottom: 30px;
    }

    .mr-3, .mx-3 {
    	margin-right: 0px !important
    }
    .filter-btn {
    	text-align: center;
    }

    .btn-footer a {
    	width: 100%;
    	margin-bottom: 3px;
    }
}

.table-content {
	margin-top: 14px !important
}

.table-content thead th {
	color: #8394a1;
	font-size: 14px !important;
	font-weight: 400
}

.table-content td {
	color: #062942 !important;
	font-weight: 400;
}

.content h4 {
	font-weight: 300 !important;
	margin-bottom: 20px;
	color: #fff;
}

.search-input input, .search-input span{
	border-radius: 60px
}

.search-input select, .search-input span{
	border-radius: 60px
}

.custom-checkbox .custom-control-input {
	height: 100px !important;
	width: 100px !important
}

.header-blue {
	background-color: #0d83dd;
}

.text-primary-header {
	color: #fff !important;
	font-weight: 400 !important;
}

.filter-content {
	border: none;
}

.input-filter input {
	border-radius: 30px;
}

.btn-blue {
	background-color: #0d83dd !important
}

.btn-blue:hover{
	background-color: #0e79ca !important
}

.header-nav {
	background-color:#0d83dd;
}

.header-nav-title {
	text-align: center;
	/*margin-top: 20px;*/
}

/*web*/
.content-web {
	margin: 10px 70px -50px;
}

.content-web-body {
	margin: 10px 45px;
}

.page-not-found {
	font-size: 150px;
	margin-top: -60px;
	font-family: "Arial";
	font-weight: 500;
	color: #0d83dd
}

.pagenf p {
	margin-top: -20px
}

.nav-tic-hist {
	margin-top: 15px !important;
	margin-bottom: 0px !important
}

/*bottom navbar*/

.navbarbot {
  z-index: 0;
  overflow: hidden;
  /*background-color: #fff;*/ 
  position: fixed;
  margin-bottom: 5px;
  margin-left: -15px;
  bottom: 0;
  /*height: 7%;*/
  width: 98%;
}

.navbarbot a {
  float: right !important;
  display: block;
  color: #000000;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  height: 3%;
  /*width: 50%*/
  /*margin-bottom: 0%;*/
}

.navbarbot a:hover {
  color: #000000;
}

.navbarbot a.active {
  color: white;
}

.navbarbot2 {
  z-index: 0;
  overflow: hidden;
  /*background-color: #fff;*/ 
  position: fixed;
  margin-bottom: 5px;
  margin-left: -17px;
  bottom: 0;
  /*height: 7%;*/
  width: 98%;
}

.navbarbot2 a {
  float: right !important;
  display: block;
  color: #000000;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  height: 3%;
  /*width: 50%*/
  /*margin-bottom: 0%;*/
}

.navbarbot2 a:hover {
  color: #000000;
}

.navbarbot2 a.active {
  color: white;
}

/*..........*/

.navbarbot3 {
  z-index: 0;
  overflow: hidden;
  /*background-color: #fff;*/ 
  position: fixed;
  margin-bottom: 5px;
  margin-left: 4px;
  bottom: 0;
  /*height: 7%;*/
  width: 98%;
}

.navbarbot3 a {
  float: right !important;
  display: block;
  color: #000000;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  height: 3%;
  /*width: 50%*/
  /*margin-bottom: 0%;*/
}

.navbarbot3 a:hover {
  color: #000000;
}

.navbarbot3 a.active {
  color: white;
}

/*..........*/

.navbarbot4 {
  z-index: 0;
  overflow: hidden;
  /*background-color: #fff;*/ 
  position: fixed;
  margin-bottom: 5px;
  margin-left: 4px;
  bottom: 0;
  /*height: 7%;*/
  width: 98%;
}

.navbarbot4 a {
  float: right !important;
  display: block;
  color: #000000;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  height: 3%;
  /*width: 50%*/
  /*margin-bottom: 0%;*/
}

.navbarbot4 a:hover {
  color: #000000;
}

.navbarbot4 a.active {
  color: white;
}

.servicebtn button {
	width: 100% !important
}

  .sidebar.toggled .nav-item .nav-link span {
    display: none;
  }