/*-- responsive-mediaquries --*/


@media (max-width:1366px) {
.caption p {overflow: hidden; font-size: 0.9em; }
}

@media (min-width: 1200px) {
.container {width: 1024px !important; } 
}

@media (min-width:1024px) {
	body{ padding-bottom: 80px }
}

@media (max-width:1024px) {
.caption {width: 63%; top: 7%; left: 19%; } 
.logo img {background-size: 100%; width: 70%; }  
.navbar-brand img{ width: 240px !important }
.btn.big {height: 45px; min-width: 120px; font-size: 1.5em; } 
.nav-pills > li > a, .panel-title > a{ font-size: 14px !important }
}
@media (max-width:850px) {
.navbar-brand{ height: auto !important; padding:10px 10px 12px 0 ; }
.navbar-brand img {width: 200px !important; height: auto !important; margin-left: 10px}
.navbar-header .top_msg {font-size: 22px !important; margin-top: 0px !important; padding: 8px 0 10px 10px !important;}
.top_msg{margin-top: 7px !important;}
}

@media (max-width:768px) {
.caption {width: 70%; top: 10%; left: 13%; } 
.caption h3 {font-size: 1.5em; } 
.caption {width: 56%; top: 37%; left: 22%; } 
.caption h1 {font-size: 36px; letter-spacing: -1px; }
}

@media (max-width:767px) {
.navbar-header .top_msg.pull-right{ float: left !important; }
.navbar-brand{ height: auto !important; padding: 10px 15px 10px 5px !important }
.navbar-brand img{ width: 200px !important }
.navbar-header .top_msg { font-size: 20px !important; padding: 5px 0 6px 10px !important; margin-top: 11px !important}
.navbar-default { padding: 5px 0 !important; height: auto !important}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color: #fff !important }
.navbar-default .navbar-toggle .icon-bar{ background-color: #fff !important }
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus  .icon-bar{ background-color: #4a1c6b !important }
.fixme, .fixme.fixme1{ background-color: #fff; padding:20px 0 0; width:100%; max-width: 100% !important; position: static !important; }
.lc-block{ width: 80% !important; margin-left: -40% !important }
#login-DataRiverLogo{ width: 80% !important }
.login-container .top_msg.pull-right{ float: right !important; }
.input-group-addon{ padding-left: 0 !important }
.collapse.in .top_msg.pull-right{ width: 100% !important; position: relative; z-index: 11; right: 10px !important; top: -9px; }
.top_msg .dropdown-menu{ position: relative !important; width: 100% !important }
#htmlcontent{width: 95%;margin: 0 1%;}
.left .alert.alert-danger{ left: 5% !important }
.modal-body .row  .col-sm-6{ min-height: 100px !important; border: none !important; border-bottom: 1px solid #ccc !important; padding-top: 10px; padding-bottom: 10px  }
.continue-top .h-title { font-size: 27px; line-height:125%; margin-bottom: 10px !inline-block; display: inline-block;}
#activityName{ font-size: 34px !important }
.instruct-box{ padding-top: 10px }
#content>.row, #content1>.row{margin-right: 0px !important; margin-left: 0px !important;}
#content .col-xs-6.mt4, #content1 .col-xs-6.mt4, #content1 .col-xs-8.mt4{margin-top: 20px;}
#content .breadcrumb ,#content1 .breadcrumb{ margin-top: 10px; margin-bottom: 0 }
.text-center.m_t20.pull-right .btn.btn-success{ margin-top: -20px }
.text-center.m_t10.pull-right .btn.btn-success{ margin-top: 3px }
.sorting.pull-left{ margin-top: 10px !important }
.sorting.pull-left.assign{ margin-top: 18px !important }
.navbar-collapse {padding-right: 15px;}
#content, #content1{ width: 98%; margin-left: 1% }
.mobile-logout{ right: 0 !important }
.mobile-logout a{ color: #fff !important; padding: 20px 15px !important}
.mobile-logout a i{ font-size: 18px }
.mobile-logout a img{ width: 22px}
.login-container{ position: fixed !important; bottom: auto !important; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }
body, html{ height: auto !important; }
.navbar-header .top_msg{ margin-bottom: 10px }
.content1 .nav-pills > li.active > a, .content .nav-pills > li.active > a, .content1 .nav-pills > li.active > a,.content1  .nav-pills > li.active > a:hover,  .content .nav-pills > li.active > a,.content  .nav-pills > li.active > a:hover{ color: #111 !important; min-height: 50px; display: table-cell; vertical-align: middle; }
.navbar-header{min-height: 65px !important;}
.navbar-default{ left: 0 !important; right: 0px !important; position: relative; }
.col-sm-2.col-xs-4 .radio, .col-sm-2.col-xs-5 .radio{ margin-top: 0 !important }
.main-container{ min-height: 80vh !important }
.well{ width: 90%; margin: auto; }
.continue-top .h-title{ line-height: normal !important; font-size: 7vw !important; margin-bottom: 10px !important }
.btn.big { height: auto !important;min-width: 80px !important;font-size: 4vw !important;}
} 

@media (max-width:640px) {
.caption {width: 70%; top: 5%; left: 13%; } 
.caption h3 {font-size: 1.5em; } 
.caption p {height: 22px; font-size: 0.8em; } 
.step.padding-right-15{ display: block !important; width: 100%; text-align: center; }
.no_record { margin-top: 10px !important;}
}

@media (max-width:600px) {
.col-sm-12  .alert { display: inline-block !important; width: 100%; }
.alert.alert-head{ display: none; }
.alert .Status:before, .alert .Incubator:before ,.alert .LastApprove:before, .alert .LastModify:before{ color: rgba(0,0,0,.3); font-weight: 600; margin-right: 5px; font-size: 12px; display: block; }
.alert .Incubator:before{ content:'Incubator Case Name :';}
.alert .Status:before{ content: 'Statuss :';}
.alert .LastModify:before{ content: 'Last Modify :';}
.alert .LastApprove:before{ content:'Last Approve :';}
.alert .col-sm-3 ,.alert .col-sm-2 { width: 48%; display: inline-flex; line-height: 150%; font-size: 14px }
.alert .col-sm-2 .btn{ margin:10px 0 0 0;  }
#content1 .col-xs-8.mt4, #content1 .col-xs-4.m_t10{ width: 100% }
#content1 .col-xs-4.m_t10 .text-right{ text-align: left; }
#content1 .col-xs-4.m_t10 .text-right .pull-right{ float: left !important; margin-left: 0; padding-left: 0 }
#content .col-xs-6.mt4{ margin-top: 15px;}
.mobile-logout a{ padding: 15px !important }
.navbar-header { min-height: 52px !important;}
.well .left{ float: none !important; clear: both !important; }
}

@media (max-width:500px) {
.navbar-brand img{ width: 180px !important }
.navbar-header .top_msg { font-size: 16px !important; margin-top: 8px !important; display: inline-block; padding: 5px 0}
#login-DataRiverLogo{top: 13px; position: relative;}
#login-DataRiverLogo img{ width: 180px !important }
#login-DataRiverLogo .top_msg {font-size: 16px !important; margin-top: 3px !important;}
#activityName {font-size: 7vw !important; line-height: normal !important;}
body { overflow-x: hidden;}
#content, #content1{ min-height: 83vh; margin-bottom: 50px; }
/*#footerwrap{ position: relative !important; }*/
#code_section_1 .nav-pills > li > a { color: #Fff !important; font-size: 4vw !important; min-width: 80px !important;}
}

@media (max-width:480px) {
.caption {width: 70%; top: 33%; left: 13%; } 
.caption p {height: 25px; overflow: hidden; margin: 0.5em 0; } 
.caption h3 {font-size: 1.4em; } .caption h1 {font-size: 1.4em; } 
.caption p {margin: 0; } 
#content>.row>.col-xs-6, .col-xs-6.assign { width: 100% }
#content>.row>.col-xs-6 h4, #content1 > .row > .col-xs-6 h4{ margin-bottom: 10px }
#content .breadcrumb ,.col-xs-6.assign .breadcrumb{ float: left !important; text-align: left !important; padding-left: 0   }
.alert .col-sm-3 ,.alert .col-sm-2 { width:100%; margin-bottom: 5px }
.nav-pills > li a { font-size: 4.8vw !important }
#content .col-xs-6.mt4, #content1 .col-xs-6.mt4, #content1 .col-xs-8.mt4{ margin-top: 0 !important }
#add_form.m_t20{ margin-top: 10px }
.header-fix .Name:before, .header-fix .Email:before, .header-fix .Role:before{ font-weight: 600; font-size: 12px; color: rgba(0,0,0,.5); margin-right: 5px }
.header-fix .Name:before{ content: 'Name'; }
.header-fix .Email:before{ content: 'Email'; }
.header-fix .Role:before{ content: 'Role'; }
table.header-fix tr{ border-bottom: 2px solid #ccc }
}
@media (max-width:450px) {
.form-area .col-xs-4{ width: 100% !important }
#login-DataRiverLogo img{ width: 160px !important }
#content1 .nav-pills > li{  text-align: center !important; margin-top: 5px !important; border-bottom: 1px solid #ddd !important; margin-bottom: 10px !important }
#login_form .btn.btn-success, .btn.Azure{ width: 130px; margin: 10px auto }
.lc-block.toggled {top: 60px;}
.nav-pills > li {margin: auto !important; text-align: center; width: 50%}
.nav-pills > li a{ display: block; width: 100% }
#content1 .breadcrumb, #content .breadcrumb{ margin-bottom: 0 !important ;margin-top: 0 !important; }
/*.m_length400, table.header-fix tbody{ max-height:600px !important;}*/
table.header-fix{max-height:none !important; display: table !important; height: auto !important;}
.m_length400 ,table.header-fix tbody{ max-height:none !important;}
.m_length400{ margin-bottom: 20px !important; max-height: none !important;}
table.header-fix tbody{}
table.header-fix thead{ display: none; }
table.header-fix{ margin-bottom: 50px }
.header-fix td, .header-fix th{ display: block; text-align: left; }
.header-fix td .btn.btn-default{ background: #f5f5f5 !important; margin-left: 0 }
#content1 .col-xs-6.bdc, .col-sm-12.bdc{ width: 100% !important }
#content1 .col-xs-6.bdc .text-right, .col-sm-12.bdc .text-right{ text-align: left; }
#content1 .col-xs-6.bdc .breadcrumb.pull-right, .col-sm-12.bdc .breadcrumb.pull-right{ float: left !important; margin-left: 0 !important; padding-left: 0 !important }
#content, #content1{ height: auto !important; max-height: none !important; }
table.header-fix{ border: none !important; }
table.header-fix tbody{padding-bottom: 100px !important; border: none !important}
table.header-fix tbody tr{ border-left: 1px solid #ddd; border-right: 1px solid #ddd }
table.header-fix tbody tr td{ border-left:none !important; border-right:none !important; width: 100% }
.color_indecator{ margin: -10px 0 20px !important}
}

@media (max-width:410px) {
.navbar-brand{ padding-bottom: 0 !important; padding-left: 0 !important}
.navbar-brand img{ width: 180px !important;}
.navbar-header{height: auto !important; margin: 0 !important; padding: 0 0 5px 0 !important; position: relative;} 
.navbar-header .top_msg { font-size: 16px !important; margin-top: 0px !important; left: 35px !important;  border-left: 0 !important; float: none !important; clear: both; text-align: left !important; position: absolute; top: 30px; letter-spacing: 1px;}
.navbar-toggle{ margin-top: 17px !important }
#login-DataRiverLogo img{ width: 150px !important }
#login-DataRiverLogo .top_msg {font-size: 14px !important; margin-top: 2px !important;}
#content1>div>.text-right{ text-align: left; }
.addcase{ font-size: 12px; font-weight: 400 }
.sorting{font-size: 3.8vw;}
.addcase{ padding: 5px
}


@media (max-width:350px) {
.caption {width: 70%; top: 5%; left: 13%; } 
.caption p {height: 25px; overflow: hidden; margin: 0.2em 0; } 
.caption h3 {font-size: 1em; } .logo img {width: 58%; } 
.caption h1 {font-size: 15px; letter-spacing: 1px; }
#login-DataRiverLogo {top: -10px !important; text-align: center !important; margin-bottom: 10px !important}
#login-DataRiverLogo img{ width: 150px !important; display: block !important; float: none !important; clear: both; margin: auto !important; }
#login-DataRiverLogo .top_msg { width: 100% !important; text-align: center !important; float: none !important;}
.microsoft{ padding: 20px 0 !important; text-align: center !important; }
}

/*   media queries according to the mobile sizes */

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape){
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait){
.encounter-btn {/*top: 144px;*/ font-size:13px; } 
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape){
.encounter-btn {/*top: 307px;*/ font-size: 15px; } 
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait){
.encounter-btn {/*top: 162px;*/ font-size: 0.8em; } 
}

/* Nexus 5 ----------- */
@media only screen and (min-device-width: 412px) and (max-device-height: 732px) and (orientation : portrait){
.encounter-btn {/*top: 190px;*/ font-size: 0.8em; } 
}

@media only screen and (min-device-width: 732px) and (max-device-height: 412px) and (orientation : landscape){
.encounter-btn {/*top: 350px;*/ font-size: 20px; } 
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait){
.encounter-btn {/*top: 172px;*/ font-size:10px } 
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.encounter-btn {/*top: 480px;*/ font-size: 15px; } 
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (orientation : portrait) {
.encounter-btn {/*top: 373px;*/ font-size: 28px; } 
}

/* iPads (pro) ----------- */
@media only screen and (min-device-width : 1024px) and (orientation : landscape) {
.encounter-btn {/*top: 288px;*/ font-size: 1.1em; } 
}

@media only screen and (min-device-width : 1024px) and (orientation : portrait) {
.encounter-btn {/*top: 482px;*/ font-size: 1em; } 
}

@media (min-width: 416px) and (max-width: 732px ) {
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape){
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape){
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait){
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape){
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait){
}

/* Nexus 5 ----------- */
@media only screen and (min-device-width: 412px) and (max-device-height: 732px) and (orientation : portrait){
}

@media only screen and (min-device-width: 732px) and (max-device-height: 412px) and (orientation : landscape){
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) {
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait){
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) {
.encounter-btn {/*top: 359px;*/ font-size: 20px; } 
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait){
.encounter-btn {/*top: 192px;*/ font-size:0.8em; } 
}
@media only screen and (min-device-width: 413px) and (max-device-width: 414px) and (min-device-height: 733px)and (max-device-height: 736px) and (orientation : landscape) {
.encounter-btn {/*top: 310px;*/ font-size: 15px; } 
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait){
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (orientation : portrait) {
}

/* iPads (pro) ----------- */
@media only screen and (min-device-width : 1024px) and (orientation : portrait) {
}

/*IE9 Only*/
@media screen and (min-width:0\0) and (min-resolution: .001dpcm) { 
	input, label {display: block; } 
	input[type=file].form-control, input[type=file].form-control:focus, input[type=file].form-control:active{ padding: 0 !important; border: none !important; }
	input[type=file]::-webkit-file-upload-button { background: #FFFAAA; } 
	#footerwrap{ position: fixed !important; z-index: 1 }
	table.header-fix{ height: auto !important; display: table !important; }
	/*media all*/
	table.header-fix thead { height: 40px !important}
	/*media all*/
	table.header-fix tbody { width: 100% !important; height: auto !important; margin: 0 !important; position: relative !important;}
}


/*IE10 and IE11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#footerwrap{ position: fixed !important; z-index: 1 }	
	table.header-fix{ height: auto !important; display: table !important; }
	/*media all*/
	table.header-fix thead { height: 40px !important}
	/*media all*/
	table.header-fix tbody { width: 100% !important; height: auto !important; margin: 0 !important; position: relative !important;}
}