/* Qedit.css */
       /* Style the tab */
       
       .tab {
         overflow: hidden;
         border-bottom: 1px solid #cdcdcd;
         background-color: #ffffff;
         height:30px;
       }
       
       /* Style the buttons inside the tab */
       .tab button {
         background-color: #cecece;
         float: left;
         border: 1px solid #bcbcbc;
         outline: none;
         cursor: pointer;
         padding: 5px 16px;
         transition: 0.3s;
         font-size: 14px;
         border-radius:5px;
       }
       
       /* Change background color of buttons on hover */
       .tab button:hover {
         background-color: #efefef;
       }
       
       /* Create an active/current tablink class */
       .tab button.active {
         background-color: #ffffff;
         font-weight: bold;
       }
       
       /* Style the tab content */
       .tabcontent {
         display: none;
         padding: 6px 12px;
         border: 0;
         padding:0;
         margin:0;
         width:100%;
       }
		input[type="color"] {
			-webkit-appearance: none;
			border: none;
			width: 32px;
			height: 32px;
		}
		input[type="color"]::-webkit-color-swatch-wrapper {
			padding: 0;
		}
		input[type="color"]::-webkit-color-swatch {
			border: none;
		}
         
  .cfgfrm {display:none;width:0;height:0;}
  row, #main {text-align:center;float:center;}
  #tarea, #editor {width:100%;height:60%;}
  #objects {width:100%;height:50%;}
  h2 {margin:0;padding:0;}
  #tbl1 {}
  .td1h {font-size:14px;font-weight:bold;color: #A00000;text-align:center;}
  .td1d {font-size:14px;font-weight:normal;text-align:center;}
  .form-control {display:inline;}
  .fg-form-control {width:100%;height:30px;font-size:12px;padding-left:3px;}
  .fg-number {width:50%;text-align:right;padding-right:5px;}
  .btn {width:50%;}
  hr {margin:0;margin-bottom:5px;margin-top:5px;border:0; border-top: 1px solid orange;}
   html, body {font-family: Arial;padding:0px;margin:0px;width:100%;}
   
     input {border:1px solid #cdcdcd !important;}
	#fname, #lname, #address {padding-left:3px;}
	.fg-h5 {font-size:18px;}
	#stable {width:50%;}
   .fg-btn  {background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);background-repeat: repeat-x; 
  				border-color: #245580;color:white;width:60px;height:30px;border-radius:5px;}
  	.ckb {display:none;}
  .QQL:hover {cursor:pointer;font-size:18px;font-weight:bold;color:blue;background-color:yellow;}
  .Vlabel {font-family:Verdana;font-size:12px;margin-top:5px;}
  	.fg-tro {width:100%;}
  	tbody, .fg-table-content {width:100%;}
  	.allRules {width:99%;border:1px solid #cdcdcd;padding:10px;border-radius:5px;}
        .tox-mbtn__select-label {font-size: 3.5vw !important}
        svg {width: 5vw !important; height: 5vw !important;}
        .tox .tox-tinymce {height: 100% !important}
        .imapuser {height: 100%; width: 100%; padding:0; margin:0;}
       .designation {position: fixed; top:-30; left: 3px; font-size: .8em;text-align:left;}
       
    .fg-button {
    background-color: #505050 !important;
    color: #9d9d9d !important;
    margin-top: 3px !important;
    margin-right:3px !important;
    font-size: .8em;
    border-radius: 4px;
    border-color: #cdcdcd;
    width: 12vw;
    font-weight: normal;
   }

    .fg-button:hover{
    font-weight: bold !important;
    color: white  !important;
    /*background-color: #060606 !important;*/
    }
    
    .fg-scroll {visibility: hidden;}
    
    /*  Loader   */
 .loader {
  color: white;
  font-size: 1em;
  text-indent: -0.2em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 1px auto;
  
  position: absolute;
  top:0px;left:330;bottom:0;right:0;
  display:blck;
  z-index: 999;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}