@charset "utf-8";
/* CSS Document */
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;800&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap');
@import"../css/colorbox.css"; @import"../css/jquery-ui.css";
@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css");



/*---------------------------Media Query----------------------------------*/
@media screen and (max-width: 480px){
  .extra_content04{
    margin-right: 29px;
  }
  .m2mtabs{
    width:65%;
    margin-left: 35px;
  }
 .extra_content01 #tableExtensions {
    width: 99%;
    margin: unset;
}
.extra_content01 form#servicesmenu {
    width: 95%;
    margin: unset;
}
.extra_content01 fieldset h2 {
    margin-left: 5px !IMPORTANT;
    font-size: 13px !important;
}
ul.servicetab_6 li {
    float: left;
    margin-right: 25px;
    width: 43%;
    margin-bottom: 17px;
}
#tool-info ul li {
    width: 78%;
    }
}
 @media screen and (max-width: 767px) and (min-width: 481px){
  .m2mtabs{
        margin-left: 22px;
        width: 24%;
  }
  .extra_content04 {
    width: 58%;
    float: left;
    margin-right: 27px;
}
ul.servicetab_6 li{
      float: left;
    margin-right: 25px;
    width: 44%;
    margin-bottom: 15px;
}
ul.servicetab_6 {
    padding-left: 16px;
}
#tool-info ul li{
      width: 33.33%;
      margin: 15px;
      min-height: 270px;
}
}

  @media screen and (max-width: 767px){
    #bottomdemenu h1{
    margin-left: 13% !important;
    padding: 7px;
    width: 65%;
    font-size: 15px;
    }
     header a:nth-of-type(1) img {
        margin-top: 120px;
    margin-bottom: 0%;
}
header span b{
  top:40px;
  margin-left: 0px;
}
header span small {
    margin-right: 0px;
    padding-top: 45px;
}
header span{
  left:30px !important;
  }
   #geralistcallerid input[type="text"]{
    left: 5% !IMPORTANT;
   }
   ul.useracctab li{
        width: 50%;
   }
   ul.useracctab li a{
     padding: 8px 0px;
     margin-top: 5px;
   }
   ul.useracctab{
        margin-left: 0;
   }
   fieldset#language select.account{
       width: 237px !IMPORTANT;
    margin-bottom: 10px;
   }
   button.language{
        margin-bottom: 15px !important;
    min-width: 235px;
   }
   ul.servicetab_5{
        width: 90%;
        padding-left: 10px !important;
   }
   ul.servicetab_5 li{
    width: 44%;
    margin-right: 17px;
   }
   ul.servicetab_5 li a{
    padding: 10px 6px;
    margin-bottom: 20px;
   }
.headerright ul {
    display: block;
}
.headerright {
        clear: both;
    background: #ff905c;
    display: inline-block;
    text-align: left;
    position: relative;
    top: 18px !important;
    max-width: 100%;
    margin-bottom: 158% !important;
    margin: 0 auto !important;
    float: left !important;
    }
    .headerright ul li a {
        padding: 6px 6px;
         font-size: 14px;
}
section table#tools td a{
  font-size: 16px;
  }
  select, option {
       width: 100% !IMPORTANT;
    display: block !important;
    min-width: 250px !IMPORTANT;
}
#addPageHomeTable #MenuTablesUser td a{
  margin-right: 6px;
}
#appPageHomeTop {
    margin-left: 1px;
    height: 66px;
    }
    section#services h2 {
    color: #000;
    font-size: 15px;
}
.extra_content01 fieldset h2{
  margin-left: 30px;
}
.extra_content01 .serviceleft {
    margin-top: 115px !important;
}
ul.servicetab_4 li {
    float: left;
    margin-right: 10px;
    width: 46%;
    margin-bottom: 12px;
}
ul.servicetab_4{
  padding-left: 10px;
}
.tabset > label{
  width: 24%;
}
.new_table{
  display: block;
  overflow-x: scroll;
}
}

 @media screen and (max-width: 991px) and (min-width: 768px){
  ul.useracctab li {
    float: left;
    width: 23.8%;
}
.headerright ul li a{
          padding: 5px 7px;
          display: block;
          font-size: 14px;
    }
    header a:nth-of-type(1) img{
     margin-top: 6px;
    width: 142px;
    margin-left: 25px;
    margin-bottom: 64px;
    }
.headerright{
   top: 123px;
    max-width: 100%;
    margin-left: -216px;
  }
.headerright ul li{
    height: 40px;
}
.extra_content04 {
    width: 64%;
}
.m2mtabs{
      margin-left: 20px;
          width: 19%;
}
ul.servicetab_6 li {
    width: 28%;
    margin-bottom: 10px;
    margin-top: 18px;
}
.extra_content01 .serviceleft {
    margin-top: 115px !important;
}
#tool-info h4{
  font-size: 16px;
}
#tool-info ul li{
     width: 24%;
    margin: 12px;
    min-height: 260px;
}
.new_table{
  display: block;
  overflow-x: scroll;
}
ul.servicetab_4 li {
    float: left;
    margin-right: 7px;
    width: 24%;
}
ul.servicetab_4 li a{
  padding: 10px 25px;
}
 }

  @media screen and (max-width: 991px) {
   table {
      display:block;
     overflow-x:scroll !important;
      
   }
   .service_block_list1 #servicestable h3{
    font-size: 14px;
   }
  
   html{
    overflow-x: hidden;
   }
  
  .leftacc{
    width: 100%;
    margin-left: 0em !important;
  }
  fieldset#language{
        width: 94%;
        padding-left: 1% !important;
  }
  button.language{
    margin-bottom: 15px !Important;
  }
  ul.servicetab_5{
    width: 92%;
    padding-left: 10px !important;
  }
  ul.servicetab_5 li{
    margin-right: 15px;
  }
  ul.servicetab_5 li a{
  min-height: 40px;
   padding: 10px 20px;
  }
    select, option {
      width: 100%!important;
    display: block;
    min-width: 200px;
}
#tableExtensions{
      width: 95%;
    margin: 0 auto;
        
}
#actRecordTables{
  display: table;
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
#bottomdemenu h1{
  position: relative;
}
fieldset table#univTables {
    display: table !important;
}
.extra_content01 .sortable {
display: inline-block;
    overflow-x: scroll !important;
    max-width: 53% !important;
}
}

html, body {
    max-width: 100%;
}
 @media screen and (max-width: 1200px) and (min-width: 992px){
  .headerright{
    max-width: 80%;
  }
  img.logo2{
        margin: 5px 26px 2px 27px;
  }
  .headerright ul li a{
    padding: 5px 3px;
    font-size: 14px;
}
   table {
      display:block;
     overflow-x:scroll !important;
      
   }
   .new_table{
          display:block;
     overflow-x:scroll !important;
   }
   ul.servicetab_5 li{
 margin-right: 23px;

   }
   ul.servicetab_5{
        padding-left: 10px !important;
   }
   ul.servicetab_5 li a{
    padding: 10px 20px;
   }
   select, option {
       width: 100% !important;
    display: block;
    min-width: 250px;
}
.extra_content04 {
    width: 74%;
   margin-right: 45px;
}
.m2mtabs{
      margin-left: 30px;
          width: 14%;
}
table#servicestable {
    display: block;
    overflow-x: scroll;
}
fieldset table#univTables {
    display: table !important;
   
}
#tool-info ul li{
      width: 17%;
      margin: 16px;
}
ul.servicetab_4 li{
   margin-right: 13px;
}
}


@media screen and (max-width: 767px) {
  .mobile-togler{
    display: block;
  }
  .headerright{
  display: none;
  }
  .active{
    display: inline-block;
  }
  .serviceleft ul li{
    margin: 10px 0;
  }
}
@media screen and (max-width:1600px) and (min-width:992px){
button.language{
  width: 200px;
  margin: 0 auto !important;
  margin-bottom: 10px !important;
  }
  
  fieldset#language form{
   width:50%;
  }
  fieldset#language select.account{
    width:100% !Important;
  }
  label#selected{
    width:200px;
  }
  fieldset table#univTables {
    display: table !important;
   
}
.extra_content01 .serviceleft {
    margin-top: 100px !important;
}
} 
@media(min-width: 1320px){
ul.useracctab li {
    float: left;
    width: 13%;
    }
.new_table{
  display: block;
  overflow-x: scroll;
}
}
@media screen and (max-width: 1319px) and (min-width: 991px){
ul.useracctab li {
    float: left;
    width: 20%;
  }
  ul.servicetab_6 {
    padding-left: 35px;
}
ul.servicetab_6 li {
    float: left;
    margin-right: 16px;
    width: 15%;
}
ul.servicetab_6 li a{
  padding: 10px 4px;
}
.extra_content01 .serviceleft {
    margin-top: 100px !important;
}
}

 @media screen and (max-width: 1600px) and (min-width: 1200px){
.headerright{
  max-width: 83%;
}
.headerright ul li a{
  padding: 8px;
}
/* popup table css*/
fieldset table#univTables {
    display: table !important;
}
fieldset table#univTables {
    display: table !important;
   
}
table.extra_service2.th {
    display: block;
    overflow-x: scroll;
}
.extra_content01 .serviceleft {
    margin-top: 100px !important;
}
.m2mtabs {
    width: 11%;
    margin-right: 0%;
    margin-left: 43px;
    padding: 15px 0px;
}
#tool-info ul li{
       width: 11%;
    margin: 14px;
    min-height: 265px;
}
#tool-info h4{
  font-size: 16px;
}
}
 @media screen and (max-width: 1900px) and (min-width: 1300px){
  #actRecordTables{
    max-width: 80%;
        float: left !important;
  }
}
 @media screen and (max-width: 1900px) and (min-width: 1600px){
  #tool-info ul li {
        width: 10%;
    margin: 30px;
    min-height: 265px;
    display: inline-block;
    float: none;
    margin-right: 18px;
    text-align: center;
}
}