/*
IMPORTANT: To Link to this Stylesheet
*/

/*Responsive css include*/
@import url("responsive.css");
/*Responsive css include*/

html {
	height:100%;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	/*color: #86939E;*/ color: #68727b;
	line-height:20px;
	font-weight:300;
	position:relative;
	min-height:100%;
}
.loader {
  /*border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;*/
  width: 120px;
  height: 120px;  
  position: absolute;
	text-align: center;
	top: 50%;
	left: 50%; margin-left: -60px; margin-top: -60px; background: url('images/preloader.svg') no-repeat center; background-size: 100px 100px;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.modal-backdrop.in {
	opacity:.7;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
	color: #000;
	line-height:25px;
}
h2 {
	margin: 20px 0;
}

p {
	margin: 0;
	color: #666;
}


ul {
	margin: 0;
	padding: 0;
}


.navbar{
	margin-bottom:0;
}
.navbar-default {
	padding: 16px 0 6px 0;
	background-color: #4a1c6b;
	border-radius: 0;
	border:none;
}
.navbar-default .navbar-brand {
	color: #555;
	font-size: 34px;
	font-weight: 700;
	letter-spacing: -1px;
	padding-top: 0;
	padding-left: 0;
}


.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #5e5e5e;
	background-color: #4a1c6b;
}
.navbar-collapse { padding-right: 0; }
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:visited {
	text-decoration: none;
	font-size: 14px;
	margin: 0 5px;
	color: #eee;
	font-weight: bold;
	padding:11px 14px;
	border-radius: 4px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a:hover {
	color: #126f72;
}

.list-group-item{
	border:none;
}
a,a:hover{ text-decoration: none !important;  }
.list-group-item > a{
	margin-left:0px; display: block; padding: 5px;
  border-bottom: 1px solid #eee
}
 .list-group-item > a i { font-size: 13px; color: #666; font-weight: 400 !important }

/*  .list-group-item:hover > a{
	text-decoration: underline;
}*/

.list-group-item> a:hover {
  /*border-bottom: 1px solid #eee; */ background: rgba(0,0,0,.02)
}
.centered {
	text-align: center;
}



#welcome h1 {
	color: #371352;
	font-weight: lighter;
	border-bottom: 1px solid #371352;
	padding: 32px 0px 32px 0px;
}

#welcome p {
	color: #777;
	margin-bottom: 20px;
	margin-top:20px;
}



#support {
	padding: 30px 0;
}

#support p {
	margin-bottom: 20px;
}



#footerwrap {
	background-color: #371352;
	padding: 15px 0 15px 0;
	text-align: center;
	border-top: 1px solid #e6e6e6;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
}


#footerwrap span.copyright {
	color:#eee;
	font-size: 0.9em;
}
#footerwrap span.copyright a {
	color:#eee;
	border-bottom: 1px dotted;
}
#footerwrap span.copyright a:hover {
	color: #4a1c6b;
	text-decoration: none;
}

.caption {
	width: 64%;
	position: absolute;
	top: 20%;
	left: 20%;
	text-align: center;
}
.caption h1 {
	color: #444;
	font-size: 3em;
	font-weight: 500;
	letter-spacing: -1px;
}

.caption p {
	color: #444;
	line-height: 1.5em;
	font-size: 1em;
	text-align: center;
	margin-top: 20px;
}
/*
.instruct-text{
color:#126f72;
font-weight:bold;
margin-bottom:20px;
}*/

.instruct-text-tag-line{
	color:#4a1c6b;
	font-weight:bold;
	font-size:1.2em;
}

.badge{
	border-radius:18px;
	min-width:36px;
	min-height:36px;
	line-height:1.8em;
	background-color: #006666;
	font-size:1.2em;
}
.text-color{
	color:#006666;
	font-size:22px;
}
.fa.icon-color{
	color:#86939E;
	font-size: 24px;
}

.btn{
	font-weight:bold;
	border-color:transparent;
	min-width: 90px;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default{    background-color: #ebebeb !important; border-color: #ddd !important}
.btn.btn-primary{
	background-color: #eee;
	color:#4a1c6b;
}

.btn.btn-secondary {
	background: #4a1c6b;
	color:#ffffff;
}

.btn.big{
	height:60px;
	min-width:160px;
	font-size:2em;
}

.btn.begin-code{
	background:#9e1f63;
	color:#fff;
}
.btn.begin-code:hover{
	opacity:.7;
}

/* .btn.btn-primary:active, .btn.btn-primary:hover{
	color:#006666;
	border-color:transparent;
}

.btn.btn-secondary:visited, .btn.btn-secondary:hover{
	color:#006666;
}*/
  .btn.btn-secondary:visited, .btn.btn-secondary:hover, .btn.btn-primary:active, .btn.btn-primary:hover{
  background: #006666; color: #fff
}

.image_caption {
	position: relative;
	width: 100%; /* for IE 6 */
}

.encounter-btn {
	position: absolute;
	/*top: 279px; */
	bottom:1.1em;
	left: 0;
	width: 100%;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	font-size: 10px;
}

#support .contact-info, #support .contact-info > a{
	clear: both;
	padding:60px 0px;
	text-align:center;
	color: #371352;
	font-weight: bold;
}

.contact-info a:hover{
	text-decoration: underline;
}

.info-text
{
	padding: 60px 0;
	padding: 40px;
}

.encounter-banner
{
	clear: both;
	margin: 0 auto;
	height: 107px;
	width:100%;
	display : block;
}

hr{
	height:1px;
	background:#989;
}

.margin-right-10{
	margin-right:10px;
}

.padding-10{
	padding:10px;
}

.padding-right-15{
	padding-right:15px;
}

.padding-left-20{
	padding-left:20px;
}

.instruct-box{
	border:2px dashed;
	margin:10px;
	background:#EBEBEB;
}
.instruction-note{
	padding:10px 0px;
	display:table;
}

.instruct-word{
	color:#126f72;
	font-weight:bold;
}

.step{
	display:table-cell;
	vertical-align: middle;
}

.form-control.text{
	width:88%;
	display:inline-block;
	margin:5px 0;
}



#htmlcontent{
	background:#3D3D3D;
	background: -webkit-linear-gradient(#3D3D3D, #5B5B5B); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#3D3D3D, #5B5B5B); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#3D3D3D, #5B5B5B); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#3D3D3D, #5B5B5B); /* Standard syntax */
}

@media (max-width: 990px){
	.arrow, .arrow-padding{
		display: none;
	}
	.arrow-dialog{
		top: 30px;
	}
}

.well{
	min-height: 600px;
	border: 8px solid transparent;
	margin-bottom:0px;
	padding:0 15px;
	background:transparent;
}

.well .left{
	height:640px;
	padding:15px;
	padding-bottom:0px;
	position:relative;
	background:#fff;
	overflow-y:auto;
	overflow-x:hidden;
}

.well .code-inputs{
	height:570px;
	overflow-y:auto;
}

.well .code-submit{
	margin-left:-15px;
	margin-right:-15px;
	padding:10px;
	width:auto;
	text-align:center;
	background:#EBEBEB;
	border-top: 1px solid #989;
}

.well .code-submit > button {
	margin:0px 35px;
}

.text.pdx-input{
	background-image: url('images/pdx.png') !important;
	background-repeat: no-repeat !important;
	padding-left: 30px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:visited {
	background: transparent;
	border-radius: 0;
	display: inline-block;
	border-bottom:2px solid #000;
	color: #333;
	
}
.nav-pills > li {
	margin-right: 20px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background:transparent;
}
.nav-pills > li > a{
	padding: 5px 0;
	font-weight: 600;
}

#code_section_1 p {
	line-height: 16px;
	margin-bottom: 10px;
}

.banner
{
	padding: 10px;
	color: #777;
	margin-bottom: 20px;
	margin-top:20px;
}

#content{
	
	left: 1%;
	right: 1%;
	margin-bottom:62px;
}

.vadidate-code-correct, .vadidate-code-correct .fa{
	color : #126f72 !important;
}

.vadidate-code-incorrect, .vadidate-code-incorrect .fa{
	color : #ef4136 !important;
}

.modal-footer{
	color:#fff;
	background:#9e1f63;
}

.modal-header{
	color:#fff;
	background:#9e1f63;
	font-size:1.3em;
}

.pdf-links > a{
	color:#9e1f63;
	text-decoration: underline;
	font-weight: 700;
	line-height:26px;
}

.pdf-links > a:hover, .pdf-links > a.active:hover{
	color:#000;
}

.pdf-links > a.active{
	color:#9e1f63;
}

.img-icon {
	width:25px;
	height:25px;
}

.remove_field .fa-times:hover{
	color:#D3412B;
}

.code-version-banner{
	width:auto;
	left:4%;
	bottom:0;
	background:#9e1f63;
	box-shadow: 2px -2px 2px #3D3D3D;
}

.continue-top{
	padding: 45px 25px;
	background:#006666;
	color:#fff;
}

.continue-top .h-title{
	color:#fff;
	font-weight:bold;
	font-size:2.8em;
	line-height:0.8em;
}

.continue-middle{
	padding:25px 25px 0px 25px;
	background:#fff;
}

.continue-bottom {
	padding:25px 0;
	background:#4a1c6b;
}
/*
.encounter-type-title
{
  position: relative;
  left: 5%;
color: white;
font-weight: bold;
  font-size: 1.7em;
}

.activity-name-title
{
  position: relative;
  left: 5%;
color: white;
font-weight: bold;
  font-size: 1.4em;
  }*/
  .left-float
  {
  	float:left;
  	left: 5%;
  }


  .fa.fa-cog{
  	color:#fff;
  }

  .fa.fa-cog:hover .fa.fa-cog:focus{
  	color: #126f72;
  }

/*
Animation of flash logo.
*/

.se-pre-con {
width: 30%;
height: auto;
position: absolute;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
background: url('images/nthrive-logo_flash.png') no-repeat scroll center center / contain rgba(247, 247, 247, 0.01);

}

/* overlay styles, all needed */
.overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}

/* just some content with arbitrary styles for explanation purposes */
/*.modal1 {
  width: 500px;
  height: 200px;
  line-height: 200px;
  position: fixed;
  top: 45%;
  left: 70%;
  margin-top: -100px;
  margin-left: -150px;
  border-radius: 5px;
  text-align: center;
  z-index: 11; // 1px higher than the overlay layer
  }*/

/*
*************************************************
*************************************************
*/
figure {
margin: 0;
padding: 0;
height: 100%;
height: 100%;
position: relative;
display: block;
cursor: pointer;
overflow: hidden;
background-size: contain;
border: 3px solid #fff;
}

figure figcaption {
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
opacity: 1;
top: 0;
}

figcaption {
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=100);
opacity: 1;
position: absolute;
height: 100%;
width: 100%;
top: -100%;
background-color: rgba(0,0,0,.7);
color: #fff;
}

.content-in-overlay{
color: #fff;
font-weight: bold;
font-size: 1em;
line-height:18px;
text-shadow: 4px 4px 4px #000;
}



.m_r10{ margin-right: 10px }
#content1 .alert { padding: 10px; }
.alert-warning {color: #000; background-color: #f5a623; border-color: #fc0; font-weight: 400 } 
.alert-danger {color: #000; background-color: #f3bbbc; border-color: #f90; font-weight: 400 }
.btn-success,.btn-success:hover, .btn-success:focus{color: #fff !important; background-color: #4a1c6b; border-color: #4a1c6b !important; text-transform: capitalize;  } 
.alert-success { color: #000; background-color: #dff0d8; border-color: #77d079; font-weight: 400}
.btn-success:hover{ background-color: #29103c; border-color: #29103c;}

.sorting{ margin: 20px 0; font-weight: 400 }
.sorting, .sorting a{ color: #333;}
.sorting a{ border-right: 1px solid #999;  padding:0 4px  }
.sorting a:last-child{ border: none !important }
.sorting a.active{ color: #000 !important; font-weight: 600; }
.m_50{ margin: 50px auto }
.m_20{ margin: 20px auto }
.m_t50{ margin-top: 50px }
.m_t-5{ margin-top: -7px }
.m_l10{ margin-left: 10px }
.m_b20{ margin-bottom: 20px }
.m_t10{ margin-top: 10px }
.m_t20{ margin-top: 20px }
.m_t30{ margin-top: 30px }
.m_b100{ margin-bottom: 100px }
.inline-block{ width: 100%; display: inline-block; }
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active{color: #fff; background-color: #4a1c6b; border-color: #4a1c6b; opacity: .5; cursor: not-allowed }

.form-area, .pdf-view{ outline: 1px solid #ddd; display: inline-block; width: 100%; box-shadow: 0 3px 3px 1px rgba(0,0,0,.05); -webkit-box-shadow: 0 3px 3px 1px rgba(0,0,0,.05); -moz-box-shadow: 0 3px 3px 1px rgba(0,0,0,.05); -o-box-shadow: 0 3px 3px 1px rgba(0,0,0,.05);}
.form-area{ background: rgba(0,0,0,.0);}
.pdf-view{ background: rgba(0,0,0,.03); border: 5px solid #fff}
.breadcrumb{background: transparent !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0 !important; margin-bottom: 20px !important; margin-top: 30px; text-align: left;}
/*.breadcrumb:before{content: "\e127"; font-family: 'Glyphicons Halflings'; font-style: normal;    font-weight: 400; font-size: 18px; color: #4a1c6b; margin-right: 5px; vertical-align: -3px;  }*/
.breadcrumb a{ color: #AAA; font-weight: 600; padding: 5px 0; text-transform: uppercase; font-size: 13px;  }
.breadcrumb li.active a {color: #4a1c6b; }
.form-area{padding: 20px 20px 15px; position: relative; margin-bottom: 30px }

.form-area label{/* float: left; width: 150px; color: #5C6974; font-weight: 60*/0 }
.form-area .action { position: absolute; right: 10px; top: 10px; z-index: 1 }
.form-area .action a{ padding: 5px;opacity: .6  }
.form-area .action a:hover{opacity: 1}
.form-control, .form-control:focus, .form-control:active{ height: auto !important; border: 1px solid #ddd; box-shadow: none }
.pdf-view{ font-size: 13px; font-weight: bold; display: inline-block; vertical-align: top; padding:50px 20px; text-align: center; margin: 20px auto }
.pdf-view a{vertical-align: middle; }
.pdf-view img{ height: 50px;  margin-left: 5px; margin-top: 10px }
.pdf-view span{ font-weight: 400; display: inline-block; width: 100%; word-break: break-all; }

#imaginary_container{margin-top:20%; /* Don't copy this */ } 
.stylish-input-group .input-group-addon{background: white !important; } 
.stylish-input-group .form-control{border-right:0; box-shadow:0 0 0; border-color:#ccc; } 
.stylish-input-group button{border:0; background:transparent; }

.panel-title > a{color: #4a1c6b !important;}
.panel-heading{ padding: 5px 15px }

.user-option .panel-default > .panel-heading{ /*background: none; border: none;*/ color: #333 }
.user-option .panel{ border: none !important }
.user-option td, .user-option th, .user-option tr{ border: 0 !important} 

/*.table { border: 1px solid #ddd; }*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ vertical-align:middle !important;     padding: 10px !important; }
.table > tbody > tr:hover td{ background: rgba(0,0,0,.02) }
.theme-anchor{color: #333 !important; font-weight: 600}
.theme-anchor:hover{color: #999 !important;}
.w_50{ width: 50px }
td .checkbox{ margin: 0 0 0 15px; }
.top_msg{ font-size: 18px; color: #fff; margin-top: 10px; }
.top_msg a{ color: #fff; margin-left: 5px }
.navbar-header .top_msg{ font-size: 24px; border-left: 2px solid #fff; padding: 10px 0 10px 10px; margin-top: 0px }
#content1{ position: relative; width: 100%; height: 100%; display: inline-block; }
.login-container{ position: absolute; left: 0; right: 0; top: 25%; text-align: center; } 
.lc-block{ position: absolute; left: 50%; margin-left: -250px; top: 280px;  width: 500px; background: #fff; color: #666; padding: 30px; box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27); -webkit-box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27); -o-box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27); -moz-box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; opacity: 0 }
.lc-block.toggled{top: 50px; opacity: 1  }
.lc-block .checkbox {margin: 5px 0 0 42px; text-align: left; } 
.input-group-addon{ border: none; padding: 6px 12px 6px 0; }
.input-group .form-control{ background: none; border: none; border-bottom: 1px solid rgba(0,0,0,.2); color: rgba(0,0,0,.7); font-weight: 400; padding-left: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }
.input-group-addon i{ color: rgba(0,0,0,.2); font-size: 16px; margin-top: 5px }
.form-control:focus{ box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; }
.m-b-20{ margin-bottom: 20px }
.lc-block .btn-login {top: 50%; margin-top: -25px; right: -25px; position: absolute !important;width: 50px; height: 50px; border-radius: 50%; line-height: 40px !important; background: rgba(77, 179, 102, 1); border-color: rgba(66, 151, 108, 1) }
.lc-block .btn-login:hover{background-color: rgb(104, 190, 125); border-color: rgb(104, 190, 125);}
.lc-block .btn-login:hover i{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); }
.lc-block .btn-login i, .lc-block, .microsoft{ transition: all .5s !important; -webkit-transition: all .5s !important; -o-transition: all .5s !important;-moz-transition: all .5s !important;  }

.login-navigation {position: absolute; bottom: -45px; width: 100%; left: 0; z-index: 11 } 
.login-navigation > li {display: inline-block; color: #fff; font-weight: 600; cursor: pointer; border-radius: 20px; padding: 10px 10px; font-size: 12px; }
.lc-block p{color: #666; font-weight: 400; margin-bottom: 10px}
#login-DataRiverLogo{ width: 500px; margin:0 auto; }
.microsoft{ background: #00c0ef; color: #fff; display: inline-block; padding: 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; font-weight: 400; font-size: 18px }
.microsoft:hover{ color: #fff; background: #039cc2 }

div.fixed_right {
    border-radius: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 11;
    transition: 0.5s all;
}
.m_length400{ max-height: 440px; overflow-y: auto; }
.m_b30{ margin-bottom: 30px }
.m_t30{ margin-top: 30px }


input:focus,input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus{ background: #fff !important; transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 5000s ease-in-out 0s; -moz-transition: background-color 5000s ease-in-out 0s; -o-transition: background-color 5000s ease-in-out 0s; }

label{ color: #39424a; font-weight: 400; width: 100%; display: inline-block; }
.fixme{ max-width: 250px; position: static; }
.search_container1{ border: 1px solid #ddd; padding:5px 5px 5px 10px; cursor: pointer; }
.search_container1 input{ border: none !important }
a:focus {outline:none;}
.text-uppercase{ text-transform: uppercase; }
.text-capitalize{ text-transform: capitalize; }
.txt_dark{ color: #333 }
/*.panel-heading h4 a[class="collapsed"] { }
.panel-heading h4 a[class=""] { color:#4a1c6b !important;}*/
.user-option .panel{box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none;}
.panel-group .panel + .panel {margin-top: 20px;}
.form-group{ position: relative; }
label.error-text{ position: absolute; bottom: -24px;left: 0; color: #f00; font-size: 12px  }
.fixme.fixme1{ position: fixed; top: 20px }
.main-container.padding-10{ padding: 0 }
.logout{ /*font-size: 13px;*/ vertical-align: middle; }
.dropdown-toggle{ cursor: pointer; }

#code_section_1 .nav-pills > li > a{color: #Fff !important;}
#code_section_1 .nav-pills > li.active > a, #code_section_1 .nav-pills > li.active > a:visited, #code_section_1 .nav-pills > li > a:hover{ color: #Fff !important; border-bottom: 1px solid #fff }
.modal-header label{ color: #FFF !important }
.list-group1 .list-group-item{ padding: 0 !important; margin: 0;}
.list-group1 .list-group-item:first-child{ border-top: 1px solid #eee }
.list-group1 .list-group-item a{ padding: 10px }
thead { background: #eee }
.remove_field .fa.icon-color { font-size: 16px;}


table.header-fix{max-height:500px; display: -moz-groupbox; margin-bottom: 40px }
table.header-fix tr {width: 100%; display: inline-table; table-layout: fixed; } 
table.header-fix tbody{overflow-y: auto; max-height: 490px; position: absolute; margin-right: 15px; border: 1px solid #ddd; }
.dropdown-menu > li > a{ padding: 10px 20px;}
table.borderless tr td { border: none}
table.borderless tr{ border-bottom: none }
table.borderless{ border: 1px solid #ddd }
.fa-folder{ color: #4a1c6b; font-size:22px !important }
.profile_img_s{ border-radius: 100%; text-align: center; width: 30px; height: 30px; overflow: hidden; }
.profile_img_s img{ min-width: 100%; min-height: 100%; width: 100% }
.inline_b{ display: inline-block; }
.v_middle{ vertical-align: middle; }

.user_search_data tr{ cursor: pointer; }
.fa{ vertical-align: middle !important; }
.val.readable{ word-break: break-all; }

.btn-default {color: #666;}
h1, h2, h3, h4, h5, h6{ font-weight: 600 }
ul, li{ list-style: none; }
.field_rqd{}
.no_record{ display: inline-block; padding: 10px 30px; text-align: center;  margin:50px auto 0; border: 1px solid #777; border-radius: 20px;  color: #777  }
.no_record span{ margin-right: 5px; color:#777 }
.login-container .btn-success{ margin-top: 20px }	

.Azure{ background: #035bda !important; color: #fff !important; margin-top: 20px;margin-left: 5px; border: 1px solid #035bda }
.Azure:hover{ background: #0a4dae !important; color: #fff !important }

/*.table_block{ display:inline-block; width: 100%;}
.table_block td:first-child, .table_block td:last-child{display: block; float: left; box-sizing: border-box;}
.table_block td:first-child{ width: 30%;}
.table_block td:last-child{ width: 70%;}*/

.alert.dtl span{ margin: 0 5px; display: inline-block; vertical-align: top; width: 100px }
.alert.dtl span i{ display: inline-block; width: 100%; font-size: 12px; opacity: .5}
.list-group-item:first-child {
	border-radius: 0;
}
.list-group1 .list-group-item a { font-weight: 500; }
.mt4 { margin-top: 40px; }
.alert { border:none; }
.alert-head { margin-bottom: 0; }
.alert-head span { font-weight: 600;  }
.icn_name { font-weight: 500; }
#add_form .btn-default {
	border:1px solid #000;
	border-radius: 50px;
}
.btn:focus, .btn:active:focus, .btn.active:focus { outline: none; }
.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}
.checkbox, .radio {
  padding-left: 0;
  margin-bottom: 20px;
}
.radio label, .checkbox label {
	font-weight: 500;
	display: block;
}
.checkbox .ms,
.radio .ms {
    position: relative;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 2px;
    width: 20px;
    height: 20px;
    font-size: 14px;
    float: left;
    margin-right: 12px;
    padding-left: 0;
    color: #000;
    
}
.radio .ms {
    border-radius: 50%;
}

.checkbox .ms .ms-icon,
.radio .ms .ms-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .ms .ms-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .ms > .ms-icon,
.radio label input[type="radio"] + .ms > .ms-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .ms > .ms-icon,
.radio label input[type="radio"]:checked + .ms > .ms-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .ms,
.radio label input[type="radio"]:disabled + .ms {
    opacity: .5;
}

#content ,#content1{ display: inline-block; width: 100%; box-sizing: border-box; }
.main-container{ min-height: 750px }
.btn-cancel{background: #f1f1f1 !important;color: #666 !important;}
.btn-cancel:hover{ background: #ddd !important }
.mb5{ margin-bottom: 50px }

.color_indecator{ margin: 20px 0 20px }
.color_indecator li{ font-size: 12px; position: relative;padding-left: 35px }
.color_indecator .green:before,.color_indecator .red:before,.color_indecator .orange:before{content: ''; width: 12px; height: 12px; display: inline-block; vertical-align: middle; margin-right: 5px; position:absolute; left: 15px; top: 4px }
.color_indecator .green:before{ background: #dff0d8;}
.color_indecator .red:before{background: #f3bbbc;} 
.color_indecator .orange:before{background: #f5a623;}

.incubators_search_box .firstclick{ }
.incubators_search_box .firstclick .checkbox{ margin: 0; line-height: normal; padding: 10px; position: relative; z-index: 11; display: inline-block; width: 100%; box-sizing: border-box; }
.incubators_search_box .firstclick:hover{background: rgba(0,0,0,.02);}

.firstclick{ background: rgba(0,0,0,.02); overflow: hidden;}
.firstclick .checkbox1 label{ position: absolute; width: 100%; height: 100%;  padding: 20px; }
.firstclick .checkbox1 .ms{position: relative; display: inline-block; border: 1px solid #000; border-radius: 2px; width: 20px; height: 20px; font-size: 14px; float: left; margin-right: 12px; padding-left: 0; color: #000;}


.tbody_Scroll  thead, .tbody_Scroll  tbody { display: block; }
.tbody_Scroll tbody {max-height: 450px;  overflow-y: auto;  overflow-x: hidden; } 
.tbody_Scroll tbody tr {display:table; width:100%; table-layout:fixed;} 
.tbody_Scroll td .checkbox {margin: 0; }
.ansher_wrong { margin-bottom: 20px;}
.ansher_wrong h5{ margin-bottom: 0px;}
#suggesstion-list { border: 1px solid #ddd; position: absolute; width: 100%;z-index: 100; background: #fff;top: 65px;}
#suggesstion-list li {line-height: 180%;border-bottom: 1px solid #ddd;padding: 5px;cursor: pointer;}
#suggesstion-list li:hover {    background: #f1f1f1; }
/* pagination */

div.pagination {
    font-family: "Lucida Sans", Geneva, Verdana, sans-serif;
    padding:20px;
    margin:7px;
}
div.pagination a {
    margin: 2px;
    padding: 0.5em 0.64em 0.43em 0.64em;
    background-color: #ee4e4e;
    text-decoration: none;
    color: #fff;
}
div.pagination a:hover, div.pagination a:active {
    padding: 0.5em 0.64em 0.43em 0.64em;
    margin: 2px;
    background-color: #de1818;
    color: #fff;
}
div.pagination span.current {
    padding: 0.5em 0.64em 0.43em 0.64em;
    margin: 2px;
    background-color: #f6efcc;
    color: #6d643c;
}
div.pagination span.disabled {
    display:none;
}

/*pagination end */