@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');





body{

    font-family: 'Open Sans', sans-serif;

    background: #fff;

    margin: 0;

    font-size: 14px;

    float: left;

    width: 100%;

    position: relative;

    overflow-x: hidden;

}





.btn:focus{

  outline: none;

  box-shadow: none;

}







section.login{

  width: 100%;

  height: 100vh;

  background: #373330;

}



.content-box{

  background: #fff;

  padding: 40px;

  width: 350px;

  border: 1px solid #e3e3e3;

  box-shadow: 0 5px 30px 0 #000000;

  position: relative;

}





.form-control{

  border-radius: 0px;

  border: 1px solid #adadad;

}



.form-group label{

  color: #303030;

  font-weight: 600;

}



.btn{

  border-radius: 0px;

  font-size: 14px;

}





.form-control:focus{

  outline: none;

  box-shadow: none;

}





.content-box form p{

  color: #eb5202;

    font-weight: 300;

    line-height: 1.2;

}





.btn-orange{

    color: #fff;

    background-color: #eb5202;

    border-color: #eb5202;

}



.btn-orange:hover {

    color: #fff;

    border-color: #c35115;

    background: #c35115;

}



.btn-orange.focus, .btn-orange:focus{

    background-color: #c35115;

    border-color: #c35115;

}





.btn-default{

    background-color: transparent;

    border-color: #212529;

}





.form-control-feedback{

  font-size: 12px;

  padding-top: 4px;

  color: red;

  display: none;

}



.form-feedback{

  display: none;

  font-size: 12px;

  color: red;

  margin-bottom: 1rem;

}



.form-group.is-failed .form-control{

  border-color: red;

}







.form-loader{



  position: absolute;

  width: 100%;

  height: 100%;

  background: rgb(255 255 255 / 59%);

  top: 0;

  left: 0;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 10;

}



.form-loader:after{

    content: "";

    display: inline-block;

    width: 2rem;

    height: 2rem;

    vertical-align: text-bottom;

    border: .25em solid currentColor;

    border-right-color: transparent;

    border-radius: 50%;

    -webkit-animation: spinner-border .75s linear infinite;

    animation: spinner-border .75s linear infinite;

    top: calc(50% - 1rem);

    color: #eb5202;

}









.menu-wrapper {

    display: inline-block;

    position: relative;

    width: 100px;

    z-index: 700;

    float: left;

}





.menu-wrapper:before {

    background-color: #373330;

    bottom: 0;

    content: '';

    left: 0;

    position: fixed;

    top: 0;

    width: 100px;

    z-index: 699;

}





article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {

    display: block;

}





.menu-wrapper .logo {

    display: block;

    padding: 1rem 0 1rem;

    position: relative;

    text-align: center;

    z-index: 700;

}



.admin__menu{

  width: 100%;

}



.admin__menu ul{

  list-style: none;

  padding: 0;

  margin: 0;

}



.menu-wrapper .logo .logo-img {

    transition: -webkit-filter 0.2s linear, filter 0.2s linear, transform 0.1s linear;

    width: 3rem;

}



.admin__menu li {

    display: block;

}





.admin__menu .level-0 > a {

    color: #aaa6a0;

    display: block;

    font-size: 10px;

    letter-spacing: .025em;

    position: relative;

    text-align: center;

    text-decoration: none;

    transition: background-color 0.1s linear;

    word-wrap: break-word;

    z-index: 700;

    font-weight: 600;

    padding: 8px 0;

}





.admin__menu li a .icon{

    width: 100%;

    display: block;

    font-size: 1rem;

}







.admin__menu .level-0:hover > a {

    background-color: #4a4542;

}



.admin__menu .level-0._active>a, .admin__menu .level-0:hover>a {

    color: #f7f3eb;

}



.admin__menu .level-0.active>a {

    background-color: #524d49;

    color: #f7f3eb;

}











.admin__menu .level-0>.submenu {

    background-color: #4a4542;

    box-shadow: 0 0 3px #000;

    left: 100%;

    padding-top: 30px;

    position: absolute;

    top: 0;

    transform: translateX(-100%);

    transition-duration: .3s;

    transition-property: transform,visibility;

    transition-timing-function: ease-in-out;

    visibility: hidden;

    z-index: 697;

    min-height: 100vh;

}



.admin__menu .level-0._show>.submenu {

    transform: translateX(0);

    visibility: visible;

    z-index: 698;

}





.admin__menu .submenu-title {

    color: #fff;

    display: block;

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 30px;

    margin-left: 35px;

    margin-right: 30px;

}





.admin__menu .action-close {

    padding: 32px;

    position: absolute;

    right: 0;

    top: 0;

}





.admin__menu .submenu a {

    color: #fcfcfc;

    transition: background-color .1s linear;

}





.admin__menu .level-1 {

    margin-left: 20px;

    margin-right: 20px;

}



.admin__menu [class*='level-']:not(.level-0) a {

    display: block;

    padding: 7px 15px;

}



.admin__menu .submenu li {

    min-width: 250px;

}





.admin__menu [class*='level-']:not(.level-0) a:hover {

    background-color: #403934;

    text-decoration: none;

}



.admin__menu [class*='level-']:not(.level-0) a.active {

    background-color: #403934;

    text-decoration: none;

}















.page-wrapper {

    background-color: #fff;

    display: inline-block;

    width: calc(100% - 100px);

    padding: 0 35px;

}



.page-header{

   height: 80px;

   display: flex;

   align-items: center;

}





.page-title{

  font-size: 22px;

  line-height: 1;

  margin: 0;

}





.user-panel{

  float: right;

}





.user-panel a{

  font-size: 16px;

  color: #000;

  padding: 5px 0;

  display: inline-block;

  transition: .2s ease;

  text-transform: capitalize;

}



.user-panel a:hover{

  color: #eb5202;

}



.user-panel a i{

  margin-right: 5px;

}



.user-panel a:hover{

  text-decoration: none;

}



/*custom dropdown*/



.custom-dropdown-container{

  position: relative;

}



.custom-dropdown-container.is-active .custom-dropdown-content{

  display: block;

}



.custom-dropdown:after{

  content: "\f0d7";

  font-family: "FontAwesome";

  display: inline-block;

  margin-left: 10px;

  transition: .2s ease;

}



.custom-dropdown-container.is-active .custom-dropdown{

  color: #eb5202;

}





.custom-dropdown-container.is-active .custom-dropdown:after{

  transform: rotate(180deg);

}



.custom-dropdown-content{

  display: none;

  list-style: none;

  background: #fff;

  padding: 10px;

  border: 1px solid #eb5202;

  position: absolute;

  margin: 0px;

  right: 0;

  min-width: 200px;

}



.custom-dropdown-content li{

  width: 100%;

  display: inline-block;

  text-align: left;

}



.custom-dropdown-content li a{

  padding: 0;

  font-size: 14px;

}



.custom-dropdown-content li a:hover, 

.custom-dropdown-content li a:focus{

  color: #eb5202;

}









/* module header */



.module-header{

    background: #f8f8f8;

    border: 1px solid #e3e3e3;

    padding: 1.5rem;

    display: flex;

    justify-content: space-between;

}





.module-header-actions{



}



.module-header-actions a{



}











.module-content{

  padding-top: 30px;

  padding-bottom: 30px;

  display: flex;

}





.module-content-tabs{

  width: 100%;

  background: #f1f1f1;

  border: 1px solid #e3e3e3;

}



.mc-form-section{

  width: 100%;

  display: block;

}





.mc-form-section h3, .mc-form-footer h3{

  font-size: 16px;

  border-bottom: 1px solid #cac3b4;

  padding: 15px 0;

  margin: 0;

  margin-bottom: 20px;

  font-weight: 600;

}



.mc-form-section h4{

  font-size: 12px;

  padding: 10px 0;

  margin: 0;

  margin-bottom: 10px;

  font-weight: 600;

  color: #000;

}





.mc-form-section .form-group{

  display: flex;

  align-items: center;

  flex-wrap: wrap;

}





.mc-form-section label, .mc-form-footer label{



  width: 200px;

  float: left;

  margin: 0;

  font-weight: normal;

}





.mc-form-section .form-control, 

.mc-form-section .input-group, 

.mc-form-footer .form-control,

.mc-form-footer .input-group{

  width: calc(100% - 200px);

}



.column-form label{

  padding-bottom: 5px;

}



.column-form label, .column-form .form-control{

  width: 100%;

}





.mc-form-section .full-textarea textarea{

  width: 100%;

}



 .mc-form-section .input-group .btn-default{

  border-color: #adadad;

  border-left: 0px;

 }







.mc-form-section .form-group.required-group label:after, .mc-form-footer .required-group label:after{

   content: "*";

   color: red;

   padding-left: 6px;

}





.mc-form{

  position: relative;

}



.mc-form-section .form-group .form-control-feedback{

  width: 100%;

  padding-left: 200px;

  padding-top: 8px;

}







.module-form-feedback{

  background: #fffbbb;

  padding: 1rem 1.5rem;

  display: none;

  margin-bottom: 10px;

}







.module-table-section{
  width: 100%;
  float: left;
  position: relative;
}



.module-table-section .module-form-feedback{

  margin-bottom: 30px;

}



.module-table-section table th {

    background-color: #514943;

    border: 1px solid #8a837f;

    border-left-color: transparent;

    color: #ffffff;

    font-weight: 600;

    padding: 0;

    text-align: left;

    font-size: 13px;

}





.module-table-section table th {

    background-clip: padding-box;

    color: #ffffff;

    padding: .75rem;

    position: relative;

    vertical-align: middle;

}





.module-table-section table th:first-child {

    border-left-color: #8a837f;

}



.module-table-section table {

    background-color: transparent;

    color: #303030;

}



.module-table-section table th, .module-table-section table td {

    font-size: 13px;

    line-height: 0.8;

    transition: background-color 0.1s linear;

    vertical-align: top;

}





.module-table-section table td {

    background-color: #ffffff;

    border-left: 1px dashed #d6d6d6;

    border-right: 1px dashed #d6d6d6;

    color: #303030;

}





.module-table-section table tr:last-child td {

    border-bottom: 1px solid #d6d6d6;

}



.module-table-section table td a{

    text-decoration: none;

    color: #303030;

    transition: .2s ease;

}



.module-table-section table td a:hover{

  opacity: .7;

}



.module-table-section .table-action{

  font-weight: 600;

  transition: .2s ease;

  color: #303030;

  margin-right: 10px;

}



.module-table-section .table-action:hover{

  color: #eb5202;

  text-decoration: none;

}









.module-table-section .table-pagination{

  display: flex;

  flex-direction: row;

  justify-content: flex-end;

}



.cusotm-pagination{

  width: auto;

}



.cusotm-pagination li{

  display: inline-block;

}



.cusotm-pagination li a, .cusotm-pagination li span{

  height: 40px;

  padding: 0 15px;

  display: flex;

  align-items: center;

  color: #212529;

  border: 1px solid #212529;

  border-left: 0px;

}



.cusotm-pagination li:first-child a, .cusotm-pagination li:first-child span{

  border-left: 1px solid #212529;

}



.cusotm-pagination li a:hover{

  text-decoration: none;

}





.cusotm-pagination li.active span{

  background: #eb5202;

  color: #fff;

}







/*inside modul content page left tabs*/





.modul-content-sidebar{



  width: 100%;

  background: #f8f8f8;

  border: 1px solid #e3e3e3;



}





.modul-content-sidebar-header{



  border-bottom: 1px solid #e3e3e3;

    color: #303030;

    display: block;

    font-size: 16px;

    line-height: 1;

    padding: 15px 20px;

    position: relative;

    font-weight: 600

}





.mcsb-ul{

  list-style: none;

  padding: 0;

  margin: 0px;

  padding: 10px 0;

}



.mcsb-ul li {

    border-left: 3px solid transparent;

    margin-left: 10px;

    position: relative;





    color: #303030;

    display: block;

    font-weight: 500;

    line-height: 1.2;

    padding: 13px 0;

    padding-left: 10px;

    transition: border-color .1s ease-out,background-color .1s ease-out;



    cursor: pointer;

}







.mcsb-ul li:hover{

    background: #e4e4e4;

    color: #303030;

    text-decoration: none;

}





.mcsb-ul li.active {

    border-color: #eb5202;

    background: #fff;

    font-weight: 600;

}



.mcsb-ul li:hover{

  border-color: #e4e4e4;

}



.mcsb-ul li.active:hover{

  background: #fff;

  border-color: #eb5202;

}











.custom-tab-content .tab-content-item{

  display: none;

}



.custom-tab-content .tab-content-item.active{

  display: block;

}





.input-group-append select{

  width: 100% !important;

}







.collapse-container .collapse-hide{

  display: none;

}





.collapse-container h3{

  cursor: pointer;

  color: #666;

}



.active-collapse h3{

  color: #000;

}







.error-collapse-container h3:after {

    content: "*";

    color: red;

    padding-left: 6px;

}







.is-failed .bootstrap-select .dropdown-toggle{

      border-color: red !important;

}





.full-textarea .cm-s-seti.CodeMirror{

  width: 100%;

}





/* modal sidebar*/







.side-modal{

  position: absolute;

  width: 40%;

  height: 100vh;

  max-height: 100vh;

  overflow-y: auto;

  background: #fff;

  right: 0;

  top: 0;

  z-index: 100;

  box-shadow: 0 0 3px rgb(0 0 0 / 32%);

  



  transform: translateX(100%);

  transition-duration: .3s;

  transition-property: transform,visibility;

  transition-timing-function: ease-in-out;



  visibility: hidden;





}



.side-modal.active{



  transform: translateX(0);

  visibility: visible;



}



.modal-header{

  height: 80px;

  display: flex;

  align-items: center;

  border-bottom: 0px;

}



.modal-close{

  cursor: pointer;

}





.modal-content{

  border: 0px;



  border-top: 1px solid rgba(0,0,0,.2);

  padding: 1rem;

}







.order-report{

  width: 100%;

}



.order-report span{

  width: 100%;

  float: left;

  padding-bottom: 3px;

}



.order-report span a{

  color: #000;

}





.order-tr-system-name{

  height: 110px;

  font-size: 40px;

}





.course-header{

  margin-top: 10px;

}



.course-header .row{

  width: 100%;

}



.course-info-column h2{

  font-size: 16px;

  font-weight: 600;

}



.course-info-column span{

  width: 100%;

  display: block;

}







/* GUEST LOGIN */



.guest-login form p{

  color: #000;

}





/* crm element search */





.element-info{

  display: none;

  width: 100%;

}



.element-info span{

  width: 100%;

  display: block;

  padding: 3px 0;

}



.search-company-card{

  width: 100%;

  border: 1px dashed #ccc;

  padding: 10px;

  margin-top: 10px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.search-company-card-create{

  width: 100%;

  border: 1px dashed #ccc;

  padding: 10px;

  margin-top: 10px;

}



.search-company-card button:focus{

  outline: none;

  box-shadow: none;

}



.ui-timepicker-container{

  z-index: 100 !important;

}











/* live table */





.live-table{

  position: relative;

}





.live-table .sortable{

  cursor: pointer;

}



.live-table th{

    -webkit-touch-callout: none; /* iOS Safari */

    -webkit-user-select: none; /* Safari */

     -khtml-user-select: none; /* Konqueror HTML */

       -moz-user-select: none; /* Old versions of Firefox */

        -ms-user-select: none; /* Internet Explorer/Edge */

            user-select: none;

}



.live-table .sortable.desc:after{

   font-family: "FontAwesome";

   content: "\f161";

   display: inline-block;

   float: right;

   font-size: 12px;

}





.live-table .sortable.asc:after{

   font-family: "FontAwesome";

   content: "\f160";

   display: inline-block;

   float: right;

   font-size: 12px;

}



.live-table .reminder-color td{

  background: rgb(174 246 0 / 26%);

}









.live-table .reminder-color-expire td{



  background: rgb(255 0 0 / 12%) 



}



.table-nav {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;



}



.table-pagination .cusotm-pagination{

  margin-bottom: 0;

}



.table-pagination{

  margin-bottom: 1rem;

}



.table-nav-items{

  margin-bottom: 1rem;

}



.table-nav-items button{

    height: 40px;

    padding: 0 15px;

    display: flex;

    align-items: center;

    color: #212529;

    border: 1px solid #212529;

    background: #fff;

    border-left: 0px;

    display: inline-block;

}



.table-nav-items button.active{

  background: #eb5202;

  color: #fff;

}



.table-nav-items button:first-child{

  border-left: 1px solid #212529;

}





.table-nav-items button:focus{

  outline: none;

  box-shadow: none;

}







.table-filter{



    background: #f8f8f8;

    border: 1px solid #e3e3e3;

    padding: 1.5rem;

    display: flex;

    flex-direction: column;

    margin-bottom: 1rem;

}





.table-filter h3 {

    font-size: 16px;

    padding: 0;

    margin: 0;

    font-weight: 600;

    width: 100%;

    padding-bottom: 15px;

}



.filter-body{

  display: flex;

  margin-right: -15px;

  margin-left: -15px;

  flex-wrap: wrap;

}





.filter-body-item{

  flex: 0 0 25%;

  max-width: 25%;



    position: relative;

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

    margin-bottom: 15px;

}



.filter-body-item .bootstrap-select{

  width: 100% !important;

  position: relative;

}





.filter-item-date-inputs{

  width: 100%;

  display: flex;

  flex-direction: row;

}



.table-filter-button{

  margin-right: auto;

  margin-bottom: 1rem;

}



.table-filter-button button{

  height: 40px;

}







.copy-info{

  margin-left: 15px;

  position: absolute;

      top: 2px;

    padding-top: 3px;

    padding-bottom: 3px;

}







.copyied-order td{

  background: #f2f0f0 !important;

}





.live-table .reminder-color-expire td {

    background: rgb(255 0 0 / 12%);

}