.xpw-heading
{
  font-size: 23px;
    font-weight: 400;
    margin: 0;
    padding: 9px 0 4px 0;
    line-height: 1.3;
}
.table-responsive
{
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}
.container-wrap
{
  padding-bottom:0px !important;
}
.container-wrap .row >.wpb_row:last-child
{
  margin-left:0px !important;
}
.iframeID
{
	width:44%;
	
  word-break: break-all;
  
}
.first-col
{
  width:13%;
}
.select-option
{
  width:5%;
  height: 30px;
  padding: 0px;
}
#ifr,#ifrr
{
  height: 97% !important;
}
#xpwprocedure_userlist
{
  width:100% !important;
}
#dragbar{
   background-color:black;
   height:10vh;
   float: right;
   width: 0%;
   cursor: col-resize;
   display:none;

}
#ghostbar{
    width:3px;
    height:100vh;
    background-color:#000;
    opacity:0.5;
    position:absolute;
    cursor: col-resize;
    
  }

#myFrametwo
{
  padding-left:11%;
}
.myFrame
{
	width:calc(100% + 19%);
	height: 800px ;
  margin-top:30px;
	
}
#xpwprocedure_userlist > tbody > tr > td > div {
   max-height: 800px ;
   overflow-y: auto;
   
}

.myFrametwo
{
	width:100%;
	height: 800px ;
}

#button_exit
{
  display: inline-block;
    vertical-align: middle;
    border-radius: 30px;
    margin: 0.2rem;
    /* font-size: 1rem; */
    color: #fffff;
    background: #ac2925;
    border: 1px solid #666666;
    height: 25px;
    line-height: 1;
}
#popup_button
{
  height: 25px;
  line-height: 1;
}
.steps_button 
{
  height: 28px;
  line-height: 1;
}
#proc_url_link,#ws_url_link
{
  height:30px !important;
}
#proc_link , #ws_link
{
  width:83%;
  height:30px;
}

.url_button, .url_button_ws
{
  width: 17% !important;
    height: 33px;
  color: #fff;
  background-color: #337ab7  !important;
  border-color: #2e6da4  !important;
}
.url_button
{
  width: 17% !important;
    height: 33px;
  color: #fff;
  background-color: #337ab7  !important;
  border-color: #2e6da4  !important;
}
#frmAddUser label.error, #frmEditUser label.error{
	color: red;
}
#steps_button
{
  margin-right:0% ;
}
.material-icons
{
  font-size: 30px !important;
    font-weight: 500 !important;
}
#full_content:not(:fullscreen) {
  display:block;
}
#full_content:fullscreen {
  display:none;
}
#option  
{
  display:none;
  
}
#div2
{
  display:none;
  overflow:hidden;
  background-color:#eee !important;
}

.gutter {
  float: left;
 
  cursor:col-resize;
  height: 100%;
  background: black;
   display:none;
}


#myid
{
 background-color:#eee  !important;
 overflow-y:hidden !important;
}
:-webkit-full-screen #option {
  display:block;
}
:-moz-full-screen #option{
  display:block;
}

:-ms-fullscreen #option{
   display:block;
}
:fullscreen #option{
  display:block;
}
:-webkit-full-screen #div2 {
  display:block !important;
 
}
:-moz-full-screen #div2{
  display:block !important;
 
}

:-ms-fullscreen #div2{
   display:block !important;
  
}
:fullscreen .gutter{
  display:block;
}
:-webkit-full-screen .gutter{
  display:block;
}
:-moz-full-screen .gutter{
  display:block;
}

:-ms-fullscreen .gutter{
  display:block;
}
:fullscreen #div2{
  display:block !important;
 
}
:-webkit-full-screen #head_id {
  display:block !important;
  margin-top: -2%;
  float:right;
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
  padding-left: 10px;
  padding-top: 0px;
}
:-moz-full-screen #head_id{
  display:block !important;
  margin-top: -2%;
  float:right;
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
  padding-left: 10px;
  padding-top: 0px;
}

:-ms-fullscreen #head_id{
 display:block !important;
  margin-top: -2%;
  float:right;
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
  padding-left: 10px;
  padding-top: 0px;
}



:-webkit-full-screen .myFrame {
  width:100%;
  height: 100vh;
}
:-moz-full-screen .myFrame {
  width:100%;
  height: 100vh;
}

:-ms-fullscreen .myFrame{
   width:100%;
  height: 100vh;
}

:-webkit-full-screen #head_id
{
  display:block;
  
}
:fullscreen .fullscreen-toggle,.fullscreen-toggle2{
  height: 100vh !important;
}
:-webkit-full-screen .fullscreen-toggle,.fullscreen-toggle2{
  height: 100vh !important;
}
:-moz-full-screen .fullscreen-toggle,.fullscreen-toggle2{
  height: 100vh !important;
}
:-ms-fullscreen.fullscreen-toggle,.fullscreen-toggle2{
  height: 100vh !important;
}
:not(:fullscreen) .fullscreen-toggle{
  width:50%;
  }
:fullscreen #myFrame{
  margin-left:0px !important;
}
:fullscreen #myid{
 display:block;
}
:-webkit-full-screen #myid{
 display:block;
 
}
:-moz-full-screen #myid{
  display:block;
 
}
:-ms-fullscreen #myid{
  display:block;
 
}
:-webkit-full-screen #myFrame{
  margin-left:0px !important;
}
:-moz-full-screen #myFrame{
  margin-left:0px !important;
}
:-ms-fullscreen #myFrame{
  margin-left:0px !important;
}
:-webkit-full-screen .step_status{
  margin:0px 12px;
}
:-moz-full-screen .step_status{
  margin:0px 12px;
}
:-ms-fullscreen .step_status{
  margin:0px 12px;
}


@media only screen and (min-width: 1500px){

#head_id
{
  margin-top:-25px !important;
}
.steps_button
{
  margin-top:-25px !important;
}
}
@media (min-width: 992px){

	
}
@media (min-width: 1200px){
.container {
    margin-left:0px 
}
}
body {

	font-size: 14px;
    -webkit-font-smoothing: antialiased;
    font-family: 'Open Sans',sans-serif !important;
    font-weight: 400;
    line-height: 26px;
    color: #676767 !important;

}
#wpwrap
{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
}
button {
  display: inline-block;
  vertical-align: middle;
  border-radius: 30px;
  margin: .20rem;
  font-size: 1rem;
  color: #666666;
  background: #ffffff;
  border: 1px solid #666666;
}

button:hover {
  border: 1px solid #666666;
  background: #666666;
  color: #ffffff;
}