:root{
  --primary-color: #009ee2;
  --secondary-color: #000000;
}
.navbar-inverse{
  background-color: #f5f5f5 !important;
  border-color: #4285f4 !important;
}

.header-menu-lang li:first-child:after{
    content: '|';
    color: white;
    font-size: 16px;
    padding: 2px 2px 5px 5px;
}
.header-menu-lang li:last-child:before{
  content: '|';
  color: white;
  font-size: 16px;
  padding: 2px 2px 5px 5px;
}
.header-menu-lang{
 display:inline-block;
 padding:10px 2px 5px 2px;
}
.header-menu-lang a{
 color:white;
}
.header-menu-icon{
 display:inline-block;
 padding:0 0 0 5;
}
.header-lang-icon{
 padding: 4px 6px;
 margin:3px;
}
.header-menu-icon-img-sigma{
 width:60px !important;
 height:30px !important;
 margin-top:15px;
}
.header-menu-icon-img-others{
 width:28px;
 height:28px;
 margin-top:15px;
}
.header-menu-icon-img-o365{
 width:30px;
 height:30px;
 margin-top:15px;
}
.header-menu-container{
 display: flex;
 align-items: center;
}
.left-menu-center{
 display: flex !important;
 align-items: center;
}
.left-menu-icon{
  width: 64px;
  height: 24px;
  padding-top: 5px;
  /*margin: 0 7 0 8;*/
}
.logo_home_iqs{
  height: 48px;
}
.icon-fontawesome{
  margin:0px;
  width: fit-content;
  align-self: center;
  padding:5px;
}
.icon-fontawesome button{
  background: transparent;
  border:none;
}
.button-fontawesome {
  background: transparent;
  border:none;
}
.button-fontawesome i{
  font-size: 18px;
  color: var(--primary-color);
}
.button-fontawesome a{
  font-size: 16px;
  color: var(--primary-color);
}
.button-big i{
  font-size: 24px !important; 
}
.data-table-action{
  display: flex;
  column-gap: 5px;
  flex-wrap: wrap;
  /*padding: 2px 15px 2px 2px;*/
  align-content: center;
  justify-content: space-evenly;
}
.logo-403{
  width: 180px;
}
.dataTables_filter{
  float:right;
}
.txt-white{
 color:white !important;
}
.txt-center{
  text-align: center !important;
}
.row-flex{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.row-flex-na{
  display: flex;
  flex-wrap: wrap;
}
.row-flex-nw{
  display: flex;
  flex-wrap: inherit;  
}

.col-flex{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}
.col-flex-na{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.col-flex-nw{
  display: flex;
  flex-direction: column;
  flex-wrap: inherit;  
}
.green{
  color:green !important;
}
.red{
  color:red !important;
}
.black{
  color:black !important;
}
.iti-doc-list{
  display: flex;
  /*width: 100%;*/
  margin: 5px 15px 5px 15px;
  align-items: center;
}
.space-evenly{
  justify-content: space-evenly;
}
.btn-login{
  margin: 0px;
  width: fit-content;
  align-self: center;
  padding: 5px;
  border-radius: 7px !important;
}
.btn-login button{
  background: rgb(0, 185, 226);
  border: none;
}
.btn {
  border-radius: 7px !important;
}
.material-icons.md-light{
  color:#1f2f46 !important;
}
.pmd-card-actions{
  text-align: center;
  min-height: 100px;
}
.pmd-card-actions .btn{
  width: 120px;
}
.front-block{
  text-align: center;
  border-right: 0px solid #d8d8d894;
  border-radius: 6px;
  min-width: 400px;
}
.front-part{
 margin-top:0px;
 padding-left:2px;
}
.front-item{
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 display:flex;
 border-radius: 6px;
}
.front-item-img{
 margin: 5px;
 font-size: 32px;
 align-self: center;
 padding: 5px;
}
.front-title{
 text-align:left;
 font-size:14px !important;
 font-weight:600;
 color:var(--primary-color);
 line-height:15px;
 margin-top: 10px;
 margin-bottom: 5px;
}
.front-block-title{
 border-bottom: 1px solid black;
 margin-bottom: 10px;
}
.front-sumary{
 text-align:left;
 color:var(--secondary-color);
 font-size:12px !important;
 overflow:hidden;
 text-overflow: ellipsis;
}
.front-row{
 display: flex;
 flex-wrap: wrap;
 row-gap: 10px;
 column-gap: 10px;
 justify-content: flex-start;
 margin: 0 10;
}
.classroom-tag{
  margin: 5px;
  padding: 5px;
  color: white;
  width: fit-content;
  border-radius: 8px;  
}
.front-page-card {
  margin-bottom: 10px;
}
.front-page-block{
  padding-bottom: 20px !important;
  min-height: 210px;
  height: 100% !important;
}
.form-block{  
  display: flex;
  align-content: center;
  gap: 10px;
  /*flex-wrap: wrap;*/
}
.row-flex-spe-wrap{
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.btn-special{
  width: fit-content !important;
  border-radius: 2px !important;
  background-color: rgb(0, 185, 226) !important;
  color: white !important;
  padding: 5px !important;
}
.btn-special h3{
  margin: 5px;
  color: white;
}
.dataTables_input_int{
  width: 80px;
}
.dataTables_input_txt{
  width: 80px;
}
.dataTables_input_txt_full{
  width: fit-content;
} 
.form-data-row{
  display: flex;
  align-items: center;
  gap: 5px;
}
.form-data-col{
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.full-size{
  max-width: 100% !important;
  padding:0px !important;
}
.full-width{
  max-width: 100% !important;
  width: 100% !important;
  padding:0px !important;
}
.pmd-content-second{
  padding-top: 10px !important;
}
.pmd-content-small{
  min-height: unset !important;
  padding-bottom: 20px !important;
}
.form-textarea{
  width: 100%;
}
.flex-spard{
  justify-content: space-around !important;
}
/*######################################*/
/*               Error                  */
/*######################################*/
.DisplaySuccess{
  /*margin-top:10px;*/
  background-color: rgba(22,222,102,0.8) !important;
}
.DisplayError{
  /*margin-top:10px;*/
  background-color: rgba(165, 42, 42, 0.8) !important;
}
.DisplayText{
  color:white;
}
.DisplayText p{
  margin:0px;
}
/*######################################*/
/*              Drag&Drop               */
/*######################################*/
#drop-area {
  width: 90%;
  height: 200px;
  margin: 20px auto;
  text-align: center;
  line-height: 200px;
  border: 2px dashed #ccc;
  cursor: pointer;
}
.preview-container {
  text-align: center;
  transform: translateY(-120px) !important;
  -webkit-transform: translateY(-120px) !important;
  -ms-transform: translateY(-120px) !important;
  display: flex;
  flex-direction: column;
  pointer-events:none;
}
#drop-area.drag-over {
  background-color: #eee;
}
#fileToUpload {
  opacity: 0;
  width: 100%;
}

/*######################################*/
/*              Salesforce              */
/*######################################*/
.embeded-salesforce{
  background-color: #ffff !important; /*rgb(176, 196, 223)*/
}
#form_data-salesforce{
  background-color: #ffff !important; /*rgb(176, 196, 223)*/
}
/*######################################*/
/*                  Tramit               */
/*######################################*/
#form_data{
  margin-top:0px;
  height: 100vh;
  background: #ffff !important; /*default rgb(233,233,233)*/ /*salesforce def rgb(176, 196, 223)*/
}
.tramit-section {
  width: 100%;  
  text-align: center;
  border-radius: 2px;
  background-color: #f3f3f3; /* default rgba(0,159,227) */
  color: #181818;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
}
.tramit-block {
  margin-top: 0px; /*default:15px*/
  display: flex;
  flex-wrap: wrap;  
  background: #ffff !important; /*default rgb(233,233,233)*/ /*salesforce def rgb(176, 196, 223)*/
  padding: 5px !important;
  box-shadow: none !important;
}
.tramit-item {
  display: flex;
  padding: 0 !important;
  margin-top: 1px;
  margin-bottom: 0.5px;  
}
.tramit-field{
  font-weight:bold;
}
.tramit-item-block {
  display: flex;
  height: 100%;
  width: 100%;
}
.tramit-item-title {
  margin: 0px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  text-align: right;  
  color: white;
  background-color:rgba(0,159,227);
  padding: 0 !important;
  padding-right: 10px !important;
}
.tramit-item-text {
  margin: 0;
  padding: 0 !important;
  padding-left: 10px !important;

}
.tramit-composite {  
  background-color:rgba(249,177,0);
}
.tramit-composite-title {
  display: flex;
  font-size: 18px;
  color: black;
  font-weight: bold;  
  justify-content: center;
  text-align: center;
}
.tramit-composite-item{  
  padding: 0 !important;
  margin-top: 1px;
  margin-bottom: 0.5px;  
}
.tramit-composite-item-block {
  display: flex;
  width: 100%;
}
.tramit-composite-item-title {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  text-align: right;
  color: white;
  background-color: rgba(0,159,227);
  padding-right: 10px !important;  
}
.tramit-composite-item-text {
  margin: 0px;
  color: black;
  background-color: #ffff !important; /*default rgb(232,232,232);*/
  padding: 0 !important;
  padding-left: 10px !important;
}
.tramit-file{
  display: flex;
  justify-content: center;
  align-items: center;    
}
.tramit-group{
  background: rgb(0, 159, 227);
  border: none;
}
.tramit-col {
  display: flex;
  justify-content: space-between;
  padding: 0px 50px !important;
}
 
/*######################################*/
/*                Embed                 */
/*######################################*/
.embeded{
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  background-color: transparent;
}
.pmd-content-embed{
  margin:0 !important;
  padding:0 !important;
}
.pmd-content-embed .container-fluid-embed{
  max-width: 90%;  
}
.container-fluid-embed{
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
/*######################################*/
/*               Calendar               */
/*######################################*/
.btn-move-calendar {
  color: rgba(22,222,102) !important;
  background-color: rgb(0, 25, 91);
  font-size: 18px !important;
}
/*######################################*/
/*                MEDIA                 */
/*######################################*/
@media (max-width:1590px){ 
 .front-block {
  text-align: center;
  border-right: 0px solid #d8d8d894;
  border-radius: 6px;
  min-width: 350px;
 }
}
@media (min-width: 1280px) and (max-width:1589.98px){ 
  .front-block {
   text-align: center;
   border-right: 0px solid #d8d8d894;
   border-radius: 6px;
   min-width: 300px;
  }
}
@media (min-width: 576px) and (max-width: 1279.98px) { 
  .front-block {
   text-align: center;
   border-right: 0px solid #d8d8d894;
   border-radius: 6px;
   min-width: 90%;
  }
}
@media (max-width:575.98px){
  .tramit-col {
     padding: 0px 10px !important;
  } 
  .logo_home_iqs{
    display: none !important;
  }
  .dataTables_filter{
    float: right;
  }
  /* Removed for new version
  .data-table-responsive{
    display: none;
  }
  */
  .component-section {
    margin-top: 10px;
  }
  .form-item-block{
   flex-direction: column;
  }
  .form-item-title, .form-item-text{
   text-align: center;
  }
  .front-page-block{
   padding-bottom: 20px !important;
   min-height: 50px;
   height: 100% !important;
  }
  .front-block {
   text-align: center;
   border-right: 0px solid #d8d8d894;
   border-radius: 6px;
   min-width: 90%;
  }
  .preview-container{
   display: none;
  }
  #drop-area {
   width: 200px;
   height: 150px;
   margin: 20px auto;
   text-align: center;
   line-height: 200px;
   border: 2px dashed #ccc;
   cursor: pointer;
  }
 }