@charset "utf-8";
@import url("/css/responsive/font-awesome.css");
/* CSS Document */
body{font-size:14px; color:#000; font-family:Arial, Helvetica, sans-serif;}
.container {box-shadow:0 -6px 5px 7px #888888; padding:0; min-height:780px; background-color:#fff }
header {padding:30px 0; background:#f2f2f2; margin:0 0 10px 0 }
.logo{ background:url(/images/logoOpenDr.png) no-repeat 0 0; width:280px; height:48px; float:left}
.title h2 {margin-top:10px; border-bottom:2px solid #f89828; padding:0 0 12px 0; margin-bottom:15px;}
.margintop20 {margin-top:20px}
.margintop10 {margin-top:10px}
.tech_form .row{ margin-bottom:15px}
.dropdwn{width:350px}
.dropdwn .btn{width:100%; text-align:left;}
.dropdwn .dropdown-menu {min-width:100%;}
.caret {position:absolute; top:19px; right:12px;border-top: 6px dashed; border-right: 6px solid transparent; border-left: 6px solid transparent; }
.textarea{min-width: 60%; margin:10px 0 0 0; min-height:100px; padding:7px}
.opDocTrade {position:relative}
.opDocTrade span {position: absolute;top: -4px; left:13px;}
footer {border-top:1px solid #ccc; margin:50px 15px 0; padding:20px 0}
.padding0 {padding:0}
.bold {font-weight:bold}
.center {text-align:center}
.block {border:1px solid #bdd4ec; padding:30px 10px 10px;  margin:20px 0 0 0; position:relative; background:#f4f9fd;}
.block h3{position:absolute; margin:0px; top:-14px; padding:0px 3px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+52,f9f9f9+52,f9f9f9+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 52%, rgba(244,249,253,1) 52%, rgba(244,249,253,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 52%,rgba(244,249,253,1) 52%,rgba(244,249,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 52%,rgba(244,249,253,1) 52%,rgba(244,249,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
.btn-success{/*padding:6px 30px;*/ min-width:100px}
.tech_list {border-top:1px solid #ddd; border-left:1px solid #ddd; width:100%}
.tech_list td:last-child {width:23%;}
.tech_list a {padding:0 4% 0 0; text-decoration:underline; font-weight:bold; cursor:pointer}
.tech_list tr:nth-of-type(odd) {background:#f4f9fd;}
.tech_list tr:nth-of-type(odd) td {border-bottom:1px solid #bdd4ec}
.tech_list th {background:#285f98; color:#fff; font-weight:bold;}
.tech_list td, th{padding:6px; border:1px solid #bdd4ec; text-align:left; vertical-align:top}

.qlist {width:100%}
.qlist a {padding:0 1% 0 4%; text-decoration:underline}
.qlist th, .qlist td {width:10%; vertical-align:top}
.qlist th:last-child, .qlist td:last-child {width:80%}
.qlist th {background:#285f98; color:#fff; font-weight:bold; border: 1px solid #bdd4ec; padding:8px 6px}
.qlist tr:nth-of-type(odd).ng-scope {background:#f4f9fd;}
.qlist .qlist_subtable{border-left:1px solid #bdd4ec; width:100%}
.qlist .qlist_subtable td {padding:10px; border-right:1px solid #bdd4ec; }
.qlist .qlist_subtable .accordion td {padding:0 10px; border-top:1px solid #bdd4ec;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d9dbe2+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(217,219,226,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(217,219,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(217,219,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9dbe2',GradientType=0 ); /* IE6-9 */
}
.qlist .qlist_subtable .accordion td {padding:0 10px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d9dbe2+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(217,219,226,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(217,219,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(217,219,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9dbe2',GradientType=0 ); /* IE6-9 */
}
.qlist .qlist_subtable .qlist_inn {width:100%; margin:15px 0 0}
.qlist .qlist_subtable .qlist_inn a {padding:0 4% 0 0; text-decoration:underline; cursor:pointer}
.qlist .qlist_subtable .qlist_inn th, .qlist_subtable .qlist_inn td {width:18%}
.qlist .qlist_subtable .qlist_inn th:first-child, .qlist_subtable .qlist_inn td:first-child {width:10%}
.qlist .qlist_subtable .qlist_inn th {background:#8e8e8e; color:#fff; font-weight:bold;}
.qlist .qlist_subtable .qlist_inn th:nth-child(2) {background:#5c8dc1;}
.qlist .qlist_subtable .qlist_inn th, .qlist .qlist_subtable .qlist_inn td  {border:none; border-right:1px solid #ddd!important}
.qlist .qlist_subtable .qlist_inn td:last-child {border-right:1px solid #ddd}
.qlist .qlist_subtable td .qlist_inn td {padding:0} 
.qlist .qlist_subtable td .qlist_inn .qlist_inn_subtable {border-left:1px solid #ddd;}
.qlist .qlist_subtable td .qlist_inn .qlist_inn_subtable td {padding:12px 10px; background:#f6f6f6} 
.qlist .qlist_subtable td .qlist_inn .qlist_inn_subtable td:nth-child(1) {background:#daebfd; font-weight:bold}
.qlist .qlist_subtable td .qlist_inn .qlist_inn_subtable .accordion td {padding:0 10px; border-top:1px solid #ddd;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d9dbe2+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(217,219,226,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(217,219,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(217,219,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9dbe2',GradientType=0 ); /* IE6-9 */
}
.qlist .qlist_subtable td .qlist_inn .qlist_inn_subtable .accordion td {padding:0 10px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d9dbe2+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(217,219,226,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(217,219,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(217,219,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9dbe2',GradientType=0 ); /* IE6-9 */
}
/*.qlist td:first-child input{width:100%}*/
/*
.qlist table tr:nth-of-type(even) td {border-bottom:1px solid #ccc; padding:0; }
.qlist table td, th{padding:10px; border-right:1px solid #ccc; text-align:left; vertical-align:top}
.qlist_inn {border-top:1px solid #ddd; border-left:1px solid #ddd; width:100%; margin:15px 0 0 0}
.qlist_inn table tr:nth-of-type(even) td {border-bottom:1px solid #ccc; padding:0; }
.qlist_inn th, .qlist_inn td {width:17%}
.qlist_inn td:nth-child(2) {background:#ffdeb7; font-weight:bold}
.qlist_inn th:last-child, .qlist_inn td:last-child {width:15%}
.qlist_inn a {padding:0 4% 0 0; text-decoration:underline}
.qlist_inn tr:nth-of-type(even) {background:#fff;}
.qlist_inn tr:nth-of-type(odd) td {border-bottom:1px solid #ccc; padding:1px 10px 0;}
.qlist_inn th {background:#797979; color:#fff; font-weight:bold;}
.qlist_inn td, th{padding:6px; border:1px solid #ccc; text-align:left; vertical-align:top}
.qlist_inn table td {padding:0; border-right:1px solid #ccc; text-align:left; vertical-align:top}
*/
.action_list {border-top:1px solid #ddd; border-left:1px solid #ddd; width:100%; margin:15px 0 0 0}
.action_list td {width:40%; }
.action_list tr:nth-of-type(odd){background:#f6f6f6 }
.action_list tr:nth-of-type(even){background: #fff }
.action_list td:last-child {width:15%}
.action_list a {padding:0 4% 0 0; text-decoration:underline}
.action_list th {background:#797979; color:#fff; font-weight:bold;}
.action_list td, th{padding:8px 6px!important; border:1px solid #bdd4ec!important; text-align:left; vertical-align:top}
.marginbtn10{margin-bottom:10px;}
.marginrgt10{margin-right:10px;}
.marginbtn15{margin-bottom:15px;}
.marginbtn25{margin-bottom:25px;}
.error_border{border:1px solid #f69896; color:#a94442}
.expcont{border:1px solid #ccc; min-height:100px; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; padding:10px; background-color:#fff}
.rfc_cont{border:1px solid #ccc; padding:15px; margin:0 0 10px 0; list-style-type:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; }
.rfc_cont li{border-bottom:1px solid #ddd; padding: 0 0 7px 0; margin:0 0 10px 0}
.rfc_close{float:right;}
.red{color:#a94442}
ul.rfclist {list-style-type: none; padding:0; margin:20px 0 0 0; overflow:auto; max-height:200px;}
ul.rfclist li{width:90%; display:inline-block; margin:0 10px 8px 0; vertical-align:top }
ul.loclist {list-style-type: none; padding:0; margin:20px 0 0 0; overflow:auto; max-height:200px;}
ul.loclist li{width:47%; display:inline-block; margin:0 10px 8px 0; vertical-align:top }
.modal-header h3{ display:inline}
.radio, .checkbox{margin:0 15px 0 0}
.radio {display:inline; margin:0 15px 12px 0}
.exp_group{background-color:#ebebeb; padding:20px 0; margin-top:15px; margin-bottom:15px}
.btn-default {background-color:#e6e6e6;}
.btn-default:focus, .btn-default.focus {background-color:#ddd;}
.btn-default:hover {background-color:#ddd;}
.dropdwn .btn-default {background-color:#fff;}
.dropdwn .btn-default:focus, .dropdwn .btn-default.focus {background-color:#e6e6e6;}
.dropdwn .btn-default:hover {background-color:#e6e6e6;}
:focus{outline:none}
label {margin:7px 0 0 0}
.collapse {position:relative; margin:0px 0 0 0}
.qclose {position:absolute; right:0; top:0; color:#333; font-size:24px; padding:0!important;}
.collapse h3 {margin:0 0 20px 0}
.rowbtmspace .row {margin-bottom:15px}
.anslabel .checkbox {display:inline;}
.anslabel .form-control {display:inline; width:283px; margin:0 20px 0 0}
.anslabel label{margin:0}
.inptwdth .form-control {width:350px}
.prefix label{margin:0 6px 0 0 }
.rowbtmspace .marginbtm0 {margin-bottom:0}
.preview {float:right;}
.addqust_link{font-size:18px; text-decoration:underline}
.tech_name {background:#f7931e; position:relative; float:left; color:#fff; font-weight:bold; padding:0 10px 1px; line-height:27px}
.tech_name:after, .tech_name:before {border: solid transparent; content: ' '; height:0; left:100%; position:absolute; width:0}
.tech_name:after {border-width:14px; border-left-color:#f7931e}
.tech_name:before {border-width:14px; border-left-color:#f7931e}
.ansposition .dropdwn{width:173px;}
.answidth .dropdwn {width:114px;}
.answidth .form-control {width:114px; display:inline; position:relative; top:1px;}
.grybtn .btn-default {/*padding:6px 30px;*/ min-width:100px}
.qustID{background:#daebfd; padding:5px 10px; margin:0 8px 5px 0; display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;}
.preview_cont{border:1px solid #ccc; padding:0 15px }
.question { padding:12px; border-right:1px solid #ccc;}
.answer_area {padding:12px 12px 0; border-left:1px solid #ccc; margin-left:-1px; min-height:54px;}
.questionAns{background:#b9b9b9; padding:5px; color:#000; font-weight:bold; font-size:14px; min-width:70px; margin:0 5px 5px; display:inline-block; text-align:center; 
border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; -ms-border-radius:7px}
.ans_vertical .questionAns {clear:both}
.ansalign_right {text-align:right}
.ansalign_center {text-align:center}
.ansalign_center input, .ansalign_center textArea{margin:auto}
.ansalign_inline {display:inline}
.ansalign_inline_right {display:inline; float:right}
.bordertbm {border-bottom:1px solid #ddd;}
.qust_txt {display:inline-block; width:100%}

.ans_vertical .radio, .ans_vertical .checkbox, .ans_vertical .textbox, .ans_vertical .answer {width:100%!important; display:inline-block}
.ans_horizontal .radio, .ans_horizontal .checkbox, .ans_horizontal .textbox {display:inline;}
.answer_area input, .answer_area textarea{margin-bottom:12px}

.disabled .buttons {background:#b9b9b9; padding:5px 15px; color:#000; font-weight:bold; cursor:pointer; font-size:14px; min-width:70px; margin:0 8px 12px 0; display:inline-block; text-align:center; 
border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; -ms-border-radius:7px}
.selected .buttons {background:#80df39; padding:5px 15px; color:#000; font-weight:bold; cursor:pointer; font-size:14px; min-width:70px; margin:0 8px 12px 0; display:inline-block; text-align:center; 
border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; -ms-border-radius:7px}
.disabled .withoutcontrast {background:url(/images/withoutcontrast.png) no-repeat 0 0 #b9b9b9!important; padding-left:38px!important;}
.selected .withoutcontrast {background:url(/images/withoutcontrast.png) no-repeat 0 0 #80df39!important; padding-left:38px!important;}
.disabled .withcontrast {background:url(/images/withcontrast.png) no-repeat 0 0 #b9b9b9!important; padding-left:38px!important;}
.selected .withcontrast {background:url(/images/withcontrast.png) no-repeat 0 0 #80df39!important; padding-left:38px!important;}
.disabled .withandwithoutcontrast {background:url(/images/withandwithoutcontrast.png) no-repeat 0 0 #b9b9b9!important; padding-left:55px!important;}
.selected .withandwithoutcontrast {background:url(/images/withandwithoutcontrast.png) no-repeat 0 0 #80df39!important; padding-left:55px!important;}
.preview_cont .dropdwn {width:auto; margin-bottom: 12px}
.preview_cont {font-size:14px}
.preview_cont .dropdwn a {color:#333}
.dropdwn a {text-decoration:none}
.preview_cont .dropdwn a:hover {text-decoration:none}
.dropdwn .btn {padding-right:20px; border-color:#999} 
.preview_cont label{font-weight:normal; margin:0}
.dropdown-menu span > li > a {clear:both; color:#333; display:block; font-weight:normal; line-height:1.42857; padding:3px 12px; white-space:nowrap;}
.dateicon {display:inline}
.dateicon .btn {padding:3px 6px 1px 9px; margin:-3px 0 0 -5px; border-radius:0; width:auto}
.answer_area .dateicon .btn {margin:-12px 0 0 -5px;}
.sub_qust .qust_txt {margin-left:30px; margin-bottom:10px}
.sub_qust .question_area_ans {margin-left:30px;}
.form-control {border:1px solid #999; color:#000; font-weight:normal;}
.preview_cont .hovereffect:hover{background:#f6f6f6;}
.ans_actions{padding:15px; border:1px solid #bdd4ec; background:#f4f9fd; margin:10px 0}
ul.action_subbodypart {color:#666; margin:5px 0 0 0; padding:0 0 0 22px; list-style-type: disc}
ul.action_subbodypart li {border:none; margin:0}

ui-state-hover{background:#ff0000;}
.ui-sortable-handle:hover{cursor:move;}
.ui-sortable-helper {background:#fff;}
.ordertd{background-color:#f6f6f6!important; padding:6px 10px!important; border-bottom:1px solid #ddd!important; border-left:1px solid #ddd!important; vertical-align:middle!important}
.order_box {border:1px solid #999; background:#fff; padding:5px 2px; text-align: center; border-radius:4px; moz-border-radius:4px; webkit-border-radius:4px; o-border-radius:4px }

.expdtl th, .expdtl td {width:20%;}
.expdtl_action th, .expdtl_action td {width:40%;}
.orderinput {width:100%}
.modal-content .fullLeft{padding:20px}
.header .LogoDiv h1 {margin-top:0}
.header {height:120px!important}
/*#layoutTwo {width:1170px!important}*/
/*.checkbox input[type="checkbox"] {position:relative}*/
.checkbox input[type="checkbox"] {width:18px; height:18px; bottom:-1px}
#queryBuilder .form-inline input.form-control {width:15%}

/*Header Start*/
.header { width:100%; height:100px; padding:0 0 10px 0; background:#F2F2F2!important; position:relative; float:left; }
.header .logodiv { float:left; background-color:#F2F2F2; }
.header .LogoDiv h1 { float:left; background:#F2F2F2 url(/images/logoOpenDr.png) left 30px no-repeat;margin-left:10px}
#noBackground h1 { background:url(/images/logo_slogan_white.gif) top left no-repeat; }
.header .rightHeaderDiv { float:right; padding:10px 0 0 0;  right:10px; position:absolute; *top:0px;}
.openDoc{display: block; height:105px; width:320px; position:relative;}
.globalNav {text-align:right; font-size:11px; width: 70px; float: right; }
.header .rightHeaderDiv .globalNav a { margin-left:10px; color:#000 }
.header .rightHeaderDiv .helpNumber {/*has ie6, ie7*/ padding:40px 0 0 0; text-align:right; float:right;}
.header .rightHeaderDiv .helpNumber div.tp { margin-top:10px; }
.header .rightHeaderDiv .helpNumber span { font-weight:bold; }

.homeNav { z-index: 10000; position: relative; float: right; padding:0 !important; }
.header .homeNav .globalNav { margin: 10px; font-family: Helvetica, Arial, sans-serif; text-transform: lowercase; font-size: 14px; position:absolute; right: 0px; font-weight:bold;}
.header .homeNav .globalNav a { margin-left: 20px; padding: 0 0 2px 0; /*display: inline-block;*/ color: #000; font-size:14px !important; }
.header .homeNav .globalNav .f11 a{font-size:11px !important;}
.widthTopNav {width:300px; text-align:right;}
textarea { resize: none; /* user can resize vertically, but width is fixed */}
.green .btn-default:active, .green .btn-default.active, .green .open > .dropdown-toggle.btn-default {background-color: #449d44; color:#fff}
/**/
.loginTrigger {border:1px solid transparent; line-height:14px;}
.loginTrigger .arrow {background: url(/images/arrowLogin.png) no-repeat 0 -4px; width:7px; height:4px; display:inline-block; margin:0 0 3px; *margin:0 0 5px; border:0;}
.loginTrigger.opened .arrow {background: url(/images/arrowLogin.png) no-repeat 0 0; width:7px; height:4px; display:inline-block; margin:0 0 3px; *margin:0 0 5px;}
.loginTrigger.opened {background:#fff; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; padding:5px 5px 11px !important; *padding:5px 5px 6px!important;
margin:-5px -4px -5px 14px!important; border:1px solid #bcba97; border-bottom-color:#fff; position:relative; z-index:1001;}
.loginTrigger.opened:hover {text-decoration:none;}
.loginBox {background:#fff; border:1px solid #bcba97; border-radius:5px 0 5px 5px; -webkit-border-radius:5px 0 5px 5px; width:250px; padding:5px 6px; position:absolute; display:none; right:-4px; *right:-7px; top: 26px;*top: 23px; z-index:1000; box-shadow:3px 3px 5px #888888; -webkit-box-shadow:3px 3px 5px #888888; text-align:left;}
.loginBox .loginLinks {color:#01060a;}
.loginBox .loginLinks a {margin:0px; text-decoration:underline;}
.loginBox .loginLinks a:hover {text-decoration:none;}
.loginBox .textBox01 {background: #ffffff !important; border: 1px solid #C3C3C3; border-radius: 5px; -webkit-border-radius: 5px; font-size: 12px !important; padding: 3px 5px!important; width: 162px !important; *float:left;}
.loginBox .loginBtn { background: #80df39; /* Old browsers */ background: -moz-linear-gradient(top, #80df39 0%, #5bbf12 59%, #5bbf12 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #80df39), color-stop(59%, #5bbf12), color-stop(100%, #5bbf12)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #80df39 0%, #5bbf12 59%, #5bbf12 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #80df39 0%, #5bbf12 59%, #5bbf12 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #80df39 0%, #5bbf12 59%, #5bbf12 100%); /* IE10+ */ background: linear-gradient(to bottom, #80df39 0%, #5bbf12 59%, #5bbf12 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80df39', endColorstr='#5bbf12', GradientType=0 ); /* IE6-9 */
border: 1px solid #5BBF12; border-radius: 5px; color: #FFF; float: right; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; margin: 4px 0 0; padding: 1px 10px; text-align: center; cursor: pointer; *overflow:visible; height:auto;}
.loginBox .errorMessage { color: #FF0000; font-size: 11px; font-weight: normal !important; margin: 3px 0 0 2px; text-transform: capitalize; }
/**/
.dropdown-menu.selectaction{box-shadow:none; border:none; border-top:1px solid #d0d4d7; border-radius: 4px 4px 0 0; padding-top:0}
.dropdown-menu.selectaction li:first-child{border:1px solid #d0d4d7; border-top:none; border-bottom:none;}
.dropdown-menu.selectaction li:nth-child(2){border:1px solid #d0d4d7; border-top:none; border-radius: 0 0 4px 4px; margin:0 0 30px 0; height: 10px;box-shadow: 0 9px 9px rgba(0, 0, 0, .175)}
.dropdown-menu > li > a {padding:3px 13px!important; text-decoration:none!important;}

.ui-accordion .ui-accordion-header {padding:.8em .5em .7em 0!important; background:#337ab7; border-color:#204d74!important}
.ui-accordion .ui-accordion-content {padding:1em 1.2em!important}
.ui-widget input[type="radio"] {position:relative; margin:1px 5px 0 0!important; top:1px}
.headercont {min-height:120px; box-shadow:0 -11px 5px 7px #888888}
.publish_cont{float:right;}
.publish_cont input{width:100px; display:inline}
.publish_cont .dateicon{margin: 0 10px 0 -4px;}
.publish_cont .dateicon .btn {margin:-1px 10px 0 -7px; padding:9px 12px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; ms-border-radius:4px; border-top:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #999}
.publish_cont .btn {margin:0 0 0 0}
.date_block input{width:110px!important;}
.ans_horizontal .date_block {display:inline-block}
.ans_vertical .date_block {display:inline-block}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {position:relative; margin-left:0 }
.radio label, .checkbox label {padding-left: 0}
#queryBuilder select.input-sm {height:33px}

.ans_horizontal input, .ans_horizontal textarea {display:inline-block; vertical-align: middle}
.ans_vertical input, .ans_vertical textarea {display:inline-block}
.footer {border-top:1px solid #ccc; padding:20px 0; margin:50px 0 }

a:focus {
  outline: none;
  outline: 0 auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: none;
  outline: 0 auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.modal::before {
  content: "";	  
display: inline-block;
  height: 100%;	 
 margin-right: -4px;
  vertical-align: middle;
}
.modal-dialog {	
     display: inline-block;	
     text-align: left;	
     vertical-align: middle;
}
.modal{
	text-align:center;
}

.dropdown-menu.ng-valid-date-disabled {padding:5px}
.dropdown-menu.ng-valid-date-disabled .action_list td, th {border:0; padding:2px}
.ng-valid-date-disabled .publish_cont .btn {margin:0}
.date_block .dateicon{display:inline; margin:0 0 0 -7px}
.date_block .dateicon button {padding:6px 9px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-top:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #999}
.date_block input {display:inline}
.checkbox input[type="checkbox"], .checkbox input[type="radio"] {position:absolute; top:7px}
.exp_dtl_popup {border-left:1px solid #ddd; border-top:1px solid #ddd }
.exp_dtl_popup th, .exp_dtl_popup td {border-right:1px solid #ddd; border-bottom:1px solid #ddd }
.exp_dtl_popup th{width:30%}
.exp_dtl_popup th, .exp_dtl_popup td {padding:5px}
.help-block {color:#a94442}
.order_num{float:left; display:inline}
.questtxt{display:inline-block; width:80%; margin:5px 0 0 0}
.questtxt_preview{display:inline-block; width:95%; margin:0 0 0 5px; vertical-align:top;}

.date_block th {background:none!important; color:#777!important; padding:5px!important; width:auto!important; font-weight:normal!important;}
.date_block table {border-left:1px solid #bdd4ec; border-bottom:1px solid #bdd4ec}
.date_block td {background:none!important; width:auto; padding:3px!important; border-right:1px solid #bdd4ec; border-bottom:1px solid #bdd4ec}
.date_block .dropdown-menu {padding:5px;}
.glb_sign p{float:left}
.glb_sign .glbSgn{float:right}
.publish_note {width:100%; height:85px;}
.publish_cont.date_block .preview {margin: 2px 0 0 0}
a {cursor:pointer}
.dropdown-menu li a:hover{background-color:#f5f5f5}
ul.dropdown-menu {min-height:auto; height:auto; max-height:300px; overflow-y: auto}
.open {display:block;}
#menu.dropdown-menu {
	/* overflow-y: auto !important;
	top: auto!important; */
}
#menu.dropdown-menu > li > a {
	 padding: 10px !important;
    border-bottom: 1px solid #f4f4f4;
    color: #444;
    font-size: 14px;
	margin:0px !important;
	
}
.hashtaglist ul.dropdown-menu{max-height:142px}
ul.actiondrpd {max-height:160px;}
.date_block ul.dropdown-menu {height:inherit; max-height: inherit; overflow-y: visible}
h2 {font-size:25px;}
.alert {padding:8px; margin-top:0; margin-bottom:12px; text-align:left; font-weight:normal}
.preview_cont .form-group{ margin-bottom: 0}
.question .disabled .buttons, .question .selected .buttons {margin-bottom:0}
.ansalign_right .disabled .buttons {margin-right:0; margin-left: 8px;}
/*.ans_horizontal .checkbox {float:left; display:inline; margin: 0 20px 12px 0}*/
.prefix_value {margin-right:0; bottom: 5px; position:relative}
.postfix_value {margin-left:5px; bottom: 5px; position:relative}
.radio label, .checkbox label {margin-bottom:12px; margin-top: 6px;}
.ansalign_right .radio, .ansalign_right .checkbox{margin:0 0 0 15px} 
.text-capitalize{text-transform:capitalize;}
#queryBuilder .modal-title {text-transform:capitalize;}
/*.textarea.form-control {text-transform:capitalize;}*/
.modal-title{text-transform:capitalize;}
.summary hr{margin-top: 15px; margin-bottom: 15px;}
.summary .fullLeft {padding-top:0}
.summary h5{font-size:15px; font-weight:bold}
.modal-body {/*overflow-y:scroll; min-height:auto; max-height:400px;888*/}
#question_ordering .alert, #add_question .alert{margin-top:10px}
.ans_horizontal .dropdown_block {display:inline-block; margin-right:5px}
.ans_vertical .dropdown_block {display:inline-block; width: 100%}
.tech_form .alert {margin-top: 10px; margin-bottom: 0}
.rfcname {padding:5px; margin:0}
.rfcname:hover {background-color:#c3e3ff; cursor:default}
.dropdwn .btn {text-overflow:ellipsis; overflow:hidden}
.ans_vertical .button_block {display:inline-block; width: 100%}
.ans_vertical .button_block .answer {width:auto!important}
.question .ans_vertical .disabled .buttons, .question .ans_vertical .selected .buttons {margin-bottom:12px}
.tooltip_box + .tooltip > .tooltip-inner {background-color:#fff; border:2px solid #f89828; padding:10px; color:#000;box-shadow: 0 0 7px #888888; text-align: left; opacity:1 }
.checkbox_cont {display:inline-block!important}
.checkbox_cont {display:inline-block}
.qust_set li{width:auto; display: inline-block; margin-right:50px!important}
.qust_set li:before {
  content: "• ";
}
.callme .inptwdth .form-control{ width:100%}
.ok_green .btn-success {width:70px}
/* .btn-success, .btn-default, .btn-primary, .btn-danger {text-transform: lowercase} */
.dropdwn .btn-default {text-transform: inherit}
.right {text-align:right}
.question_set {width:100%; border-left:1px solid #bdd4ec; border-right:1px solid #bdd4ec}
.question_set .section {widht:100%; border-bottom:1px solid #bdd4ec;}
.question_set .sectionleft {width:49%; display: inline-block; padding:1%; vertical-align:top; }
.question_set .sectionright {width:49%; display: inline-block; padding:1%; border-left:1px solid #bdd4ec; }
.question_set .title{background:#285f98; border-bottom:1px solid #bdd4ec; float:left; width:50%; color: #fff; font-weight:bold}

#callopensync .asterisk{display:inline-block}
#callopensync .textlabel{display:inline-block; width:92%}

/*CSS for Email Automation*/
table.email_autolist {border-top:1px solid #bdd4ec; border-left:1px solid #bdd4ec; width:100%; table-layout:fixed}
table.email_autolist th {background:#285f98; color:#fff; font-weight:bold;}
/*table.email_autolist th:last-child {width:32%}*/
table.email_autolist tr:nth-of-type(odd) {background:#f9f9f9;}
table.email_autolist td, th{padding:6px; border-right:1px solid #bdd4ec; border-bottom: 1px solid #bdd4ec; text-align:left; vertical-align:top; word-wrap: break-word }
table.email_autolist .accordion td{border:none; border-right:1px solid #bdd4ec;}
table.email_autolist a {font-weight:bold; margin:0 10px 0 0; text-decoration:underline; cursor:pointer}
.white_block{background:#fff; padding:15px; margin:0 0 20px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; 
			box-shadow: 0 0 4px #888888; -moz-box-shadow: 0 0 4px #888888; -webkit-box-shadow: 0 0 4px #888888; -o-box-shadow: 0 0 4px #888888;}
.white_block .dropdwn {width:100%}
.tech_form .marginbtm0 {margin-bottom:0}
.define_cont {font-size:17px; margin: 0 0 30px 0}
.define_cont label{font-weight:bold;}
.define_cont span {margin:0 50px 0 0 }
.placeholder_cont{background:#296099; width:100%; min-height:966px}
.placeholder_cont .heading{background:#1b4d82; color:#fff; font-weight:bold; padding:10px}
ul.menu-content {padding:0; margin:0; list-style-type:none;}
ul.menu-content li{background:#296099; border-bottom:1px solid #547eb0; cursor:pointer; padding:10px 15px 10px 10px;}
ul.menu-content li a{color:#adc8e5; text-decoration:none}
ul.menu-content li a:hover{text-decoration:none}
ul.menu-content li .arrow {color:#fff; float:right; font-size:9px; margin:5px 0 0 0 }
ul.sub-menu {list-style-type:none; margin:0; padding:0 0 0 0; color:#adc8e5;}
ul.sub-menu li {color:#adc8e5; padding: 10px 15px 10px 30px; cursor:default; background:#2971bc}
ul.sub-menu li a{color:#e0e0e0; font-weight:bold}
ul.sub-menu li a:hover {text-decoration:none}
ul.sub-menu li .icons{float:right}
ul.sub-menu li .icons a {margin:0 0 0 8px; color:#fff}
ul.sub-menu li .placeholder_txt {display:inline-block; cursor:pointer; min-width:auto; max-width:75%; word-wrap:break-word;}
.modal-dialog-big{width:60%;}
.modal-dialog-big .placeholder_cont {min-height:385px}
table.listofemail th:nth-child(1) {width:5%;}
table.listofemail td:nth-child(1) {text-align:center}
table.listofemail .radio {margin:0}
table.listofemail label {margin:0}
.editor_box .alert-danger {margin-top:10px;}
.black{color:#000}
table.derivdlist th:nth-child(1) {width:10%;}
table.derivdlist th:nth-child(3) {width:30%;}
table.derivdlist th{width:30%}
.qustans_cont{border:1px solid #8c8c8c; display:inline-block; width:100%; overflow-y:scroll; overflow-x:hidden; min-height:auto; max-height:300px;}
.qustbox {border-bottom:1px solid #bed4ec; padding:10px 10px; margin:0 0 0 0}

.ans_section{background:#d8e9fd; border:1px solid #b5cde7; padding:5px 5px 2px; display:block; margin:10px 0 0 }
.ans_section .radio {margin:0}
.ans_section .radio label {margin-bottom:6px}
.mainans{ width:40px; display:inline-block}
.font17 {font-size: 17px}
.qust_radio {width:5%; padding-right:0}
.qust_radio label {margin:0}
.topbtn {float:right;}
.topbtn a{margin:0 0 0 5px}
.blueborder{border:1px solid #bcd4ec; margin-top:5px;}
.grayborder{border:1px solid #ccc; margin-top:5px;}
.addemail tags-input .host {margin:0}
.addemail .textarea{margin-top:0}
tags-input .tags .tag-item .remove-button {text-decoration:none}
.dropdown-menu .checkbox {display:block; margin:0}
.dropdown-menu .checkbox label {margin-bottom:7px}
table.email_autolist a.qclose{margin-top:8px;}
table.email_autolist .dropdwn a {font-weight:normal} 
.emailtooltip .tooltip {opacity:9;}
.emailtooltip .tooltip .tooltip-inner {background-color:#fff; border:2px solid #c7c7c7; padding:10px; color:#000; text-align: left;}

.has-tooltip-new {display:inline;}
.tooltip-wrapper {position:absolute; visibility:hidden; z-index:9999;}
.has-tooltip-new:hover .tooltip-wrapper {visibility:visible; opacity:9;}
.tooltip-newone {width:238px; color:#000; text-align:center; background-color:#fff; border:1px solid #c7c7c7; border-radius:6px; display:block; position:relative; top:2em; right:100%; padding:10px; z-index:999}
.tooltip-wrapper .arrow {width:22px; height:11px; position:absolute; left:50%; margin-left:-11px; color:transparent; background:url(/images/tooltip-top-arrow.png) no-repeat 0 0; top:-11px;}


.tooltip_listing {position:relative; display:inline-block; cursor:default; margin:4px}
.tooltip_listing .bottomtooltiptext {top:20px; visibility:hidden;left:0; position:absolute; left:0; z-index:1; padding:11px 0; color:#333; width:238px;}
.tooltip_listing .bottomtooltiptext .tooltipinner {width:238px; background-color:#fff; border:1px solid #c7c7c7;  border-radius:6px; position:absolute;}
.tooltip_listing .bottomtooltiptext .content {color:#000;padding:5px 10px; display:block; font-size:13px; min-height:auto; height:auto; max-height:300px; overflow:auto;}
.tooltip_listing:hover .bottomtooltiptext {visibility:visible}
.tooltip_listing .bottomtooltiptext .arrow{background:url(/images/tooltip-top-arrow.png) no-repeat 0 0; top:-11px; width:22px; height:11px; position:absolute; left:50%; margin-left:-11px; color:transparent}
.tooltip_listing .bottomtooltiptext .content ol{padding-left: 20px; padding-top: 10px}
.tooltip_listing .bottomtooltiptext .content ol li{margin-bottom: 8px;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {z-index:-1}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {z-index:1\9}
.wordwrap {word-wrap: break-word; width:98%}

.email_autolist .accordion td {padding:0 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d9dbe2+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(217,219,226,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(217,219,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(217,219,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9dbe2',GradientType=0 ); /* IE6-9 */
}

/*CSS for Editor*/
.mce-panel {background:#e3f1fa!important; box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2)  -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);}
.mce-menubar {background:#c3d9f0!important}
.mce-toolbar .mce-btn {background:#e3f1fa!important}
.mce-toolbar-grp {padding:0 0 2px 0!important}
.mce-menubar .mce-menubtn {background:#c3d9f0!important}
.mce-btn-group:not(:first-child) {border-left:1px solid #b0ceeb!important}

/*CSS For Scrollbar*/
.content .demo .inner-content {border:1px solid #CCC; max-height:170px;}
.content .demo > div {max-height:885px; overflow:auto;}
.scroll-wrapper {overflow:hidden!important; padding:0!important; position:relative;}
.scroll-wrapper > .scroll-content {border:none !important; box-sizing:content-box !important; height:auto; left:0; margin:0; 
                                   max-height:none; max-width:none!important; overflow:scroll!important; padding:0;
                                   position:relative!important; top:0; width:auto!important;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height:0; width:0;}
.scroll-element {display:none;}
.scroll-element, .scroll-element div {box-sizing:content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {display:block;}
.scroll-element .scroll-bar, .scroll-element .scroll-arrow {cursor:default;}
.scroll-textarea {border:1px solid #ccc; border-top-color:#999;}
.scroll-textarea > .scroll-content {overflow:hidden!important;}
.scroll-textarea > .scroll-content > textarea {border:none!important; box-sizing:border-box; height:100%!important; margin:0;
                                               max-height:none!important; max-width:none!important; overflow:scroll!important;
                                               outline:none; padding:2px; position:relative!important; top:0; width:100%!important;}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height:0; width:0;}

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div {border:none; margin:0; padding:0; position:absolute; z-index:10;}
.scrollbar-inner > .scroll-element div {display:block; height:100%; left:0; top:0; width:100%;}
.scrollbar-inner > .scroll-element.scroll-x {bottom:2px; height:8px; left:0; width:100%;}
.scrollbar-inner > .scroll-element.scroll-y {height:100%; right:2px; top:0; width:7px;}
.scrollbar-inner > .scroll-element .scroll-element_outer {overflow:hidden;}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 
                                                filter: alpha(opacity=40);}
.scrollbar-inner > .scroll-element .scroll-element_track {background-color: #daeafa;}
.scrollbar-inner > .scroll-element .scroll-bar {background-color:#a2c6ea;}
.scrollbar-inner > .scroll-element:hover .scroll-bar {background-color:#a2c6ea;}
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {background-color:#a2c6ea;}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {left:-12px;}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {top:-12px;}
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {left:-12px;}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {top:-12px;}
/*END CSS For Scrollbar*/

@media only screen and (min-device-width : 320px) and (max-device-width : 600px) {
.dropdwn{width:100%}
.dropdwn .btn{width:100%}
.btn {width:100%; margin:0 0 10px 0}
.tech_form .row {margin-bottom:10px;}
.tech_list table, .tech_list thead, .tech_list tbody, .tech_list th, .tech_list td, .tech_list tr {display:block}
table.tech_list tr:first-child {display:none}
.tech_list thead tr {position:absolute; top:-9999px; left:-9999px}
.tech_list tr {border-right:1px solid #ccc; border-bottom:1px solid #ccc}
.tech_list td {border:none; border-bottom:1px solid #ccc; position:relative; padding-left:45%; font-size:12px; width: inherit; min-height:31px}
.tech_list td:before {position:absolute; top:6px; left:6px; width:60%; padding-right:10px; white-space:nowrap}
.tech_list td:nth-of-type(1):before {content:"RFC Id"; font-weight:bold}
.tech_list td:nth-of-type(2):before {content:"Type of Test"; font-weight:bold}
.tech_list td:nth-of-type(3):before {content:"Body Part"; font-weight:bold}
.tech_list td:nth-of-type(4):before {content:"Old Publish Date"; font-weight:bold}
.tech_list td:nth-of-type(5):before {content:"Upcoming Publish Date"; font-weight:bold}
.tech_list td:nth-of-type(6):before {content:"Action"; font-weight:bold}
.tech_list td {width:inherit}
.tech_list td:last-child {width:inherit}

.qlist_inn_subtable table, .qlist_inn_subtable thead, .qlist_inn_subtable tbody, .qlist_inn_subtable th, .qlist_inn_subtable td, 
.qlist_inn_subtable tr {display:block}
/*table.qlist_inn tr:first-child {display:none}*/
table.qlist_inn tr:first-child {display:none}
table.qlist_inn .qlist_inn_subtable tr:first-child {display:block}
.qlist .qlist_subtable .qlist_inn {border-top:1px solid #ccc;}
.qlist .qlist_subtable td .qlist_inn_subtable td {border-right:0}
.qlist_inn_subtable thead tr {position:absolute; top:-9999px; left:-9999px}
.qlist_inn_subtable tr {border-right:1px solid #ccc;}
.qlist_inn_subtable td {border:none; border-bottom:1px solid #ccc; position:relative; padding-left:35%!important; width: inherit; min-height:31px;}
.qlist_inn_subtable tr:last-child td {padding-left:10px!important}
.qlist_inn_subtable td:before {position:absolute; top:6px; left:6px; padding-right:10px; white-space:nowrap}
.qlist_inn_subtable td:nth-of-type(1):before { content: "Order"; font-weight:bold}
.qlist_inn_subtable td:nth-of-type(2):before { content: "Answer ID"; font-weight:bold}
.qlist_inn_subtable td:nth-of-type(3):before { content: "Type"; font-weight:bold}
.qlist_inn_subtable td:nth-of-type(4):before { content: "Value"; font-weight:bold}
.qlist_inn_subtable td:nth-of-type(5):before { content: "Text"; font-weight:bold}
.qlist_inn_subtable td:nth-of-type(6):before { content: "    "; font-weight:bold}
.qlist_inn_subtable td {width:inherit}
.qlist_inn_subtable td:last-child {width:inherit}
.qlist .qlist_subtable .qlist_inn th, .qlist_subtable .qlist_inn td {width:100%}
.qlist .qlist_subtable .qlist_inn th:first-child, .qlist_subtable .qlist_inn td:first-child {width:100%; display: block}
.qlist_subtable td:first-child .form-control {padding:6px 0; min-width:27px; text-align:center;}
.quest_title {width:100%; display:block;}

table.qlist_inn table.qlist_inn_table tr:first-child {display:block; width:100%} 
table.qlist_inn table.qlist_inn_table {width:100%}

.action_list table, .action_list thead, .action_list tbody, .action_list th, .action_list td, .action_list tr {display:block}
table.action_list tr:first-child {display:none}
.action_list thead tr {position:absolute; top:-9999px; left:-9999px}
.action_list tr {border-right:1px solid #ccc;}
.action_list td {border:none; border-bottom:1px solid #ccc; position:relative; padding-left:35%; width: inherit}
.action_list td:before {position:absolute; top:6px; left:6px; width:60%; padding-right:10px; white-space:nowrap}
.action_list td:nth-of-type(1):before { content: "Action"; font-weight:bold}
.action_list td:nth-of-type(2):before { content: "Validation"; font-weight:bold}
.action_list td:nth-of-type(3):before { content: "     "; font-weight:bold}
.action_list td {width:inherit}
.action_list td:last-child {width:inherit}

/*.dropdwn_bp{width:74%}
.addbtn {width:24%}*/
.qlist_inn td.nocontent:nth-of-type(1):before { content: " "; font-weight:bold} 
.inptwdth .form-control {width:100%}
.anslabel .form-control {width:75%; margin:0}
.preview {width:auto; padding:6px 20px;}
.answidth .dropdwn {width:33%;}
.answidth .form-control {width:30%; position:relative; top:-4px}
.ansposition .dropdwn {width:49%;}
.qlist_inn .anslabel .form-control {width:64%}
.grybtn .btn-default {width:100%}
.prev_btn {width:49%; margin:20px 0 15px 1%}
.back_btn {width:49%; margin:20px 1% 15px 0}
.question {width:100%; border-right:0}
.qust_txt {width:100%}
.answer_area {width:100%; padding:0 10px 20px }
.ansalign_center, .ansalign_right {text-align:left}
.ansalign_inline_right {display:block; float:left}
.ans_horizontal .radio, .ans_horizontal .checkbox, .ans_horizontal .textbox {display:block}
.disabled .buttons {display:block}
.preview_cont input, .preview_cont textarea {width:100%}  
}
/*CSS added for Issue no. 9802 and 6265*/
.pmblock {padding:10px 10px 0; border:1px solid #ddd}
.pmblock .panel-heading .fa, .pmblock .table .fa{color:#f89828}
.pmcont {padding: 15px 0 0; border-top: 1px solid #ddd; margin: 10px -10px 0;}
.mt5 {margin-top:5px}
.mb10 {margin-bottom: 10px}
.marginbtm20 {margin-bottom:20px!important}
.fontweight600 {font-weight:600}
.activeaccount {background:#eee; padding:15px; border:1px solid #ddd; border-top:0}
.pmblock .marginbtm0 {margin-bottom:0}
.pmblock td {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;    
}

/*CSS by sandhya*/
select.submitted.ng-invalid
{
  border:1px solid red;
}

/*CSS by rohit*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
.modal-header h3 {
    top:12px;
}

/*error messages class*/
p.errorMessage label.error, label.error {
    border: 0 none !important;
    color: #f7931e !important;
    float: none !important;
    font-weight: bold;
    padding: 0;
    width: auto !important;
}
p.errorMessage label.error {
    color: #a94442!important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
    padding: 5px 8px;
    border-radius: 5px;
    border: 1px solid #a94442;
    width: 100%!important;    
    font-weight:normal;
}
p.exclamation-sign .error:before {
    content: "\f06a";
    font-family: 'FontAwesome';
    font-size: 16px;
    margin-right: 5px;
}
.bigInput .formData label {
    width: 60px;
}
.lftMarR .error {
    margin-left: 0 !important;
}
.lftMar .error {
    font-size: 12px;
    margin-left: 61px;
}
.ok_green .btn-success{min-width:auto} 


[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}


.rfcdrpd.checkbox input[type="checkbox"] {top:0;}
.previewpage {
    border: 1px solid #ddd;
    border-radius: 3px;
    display: block;
    margin: 10px 0;
    padding: 15px 15px 5px;
    width: 100%;
}
.previewpage p{display:inline-block}

.reportnav .nav-tabs > li > a {font-size:17px; font-weight:bold;}
.nav-tabs-custom>.nav-tabs>li.active {
border-top-color: #3c8dbc;
}
.nav-tabs-custom>.nav-tabs>li {
border-top: 3px solid transparent;
margin-bottom: -2px;
margin-right: 5px;
}
.bg-gray-light {
    background-color: #f7f7f7 !important;
}
.bg-gray {
    background-color: #d2d6de !important;
}
.reportfilter{margin:0 0 25px 0; padding:5px 15px 15px }
.reportfilter label.order_num{margin-bottom: 5px}
.reportlist_cont{width:100%; overflow-x:scroll; border:1px solid #ddd; min-height:300px; background:#f5f5f5 }
.reportlist_cont table{width:1700px; overflow-x:scroll; table-layout:inherit; }
.reportlist_cont table {border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc}
.reportlist_cont table td {border-bottom: 2px solid #dcdcdc; border-right: 1px solid #dcdcdc}
.reportlist_cont table.email_autolist tr:nth-child(even) {background: #CCC}
.reportlist_cont table.email_autolist tr:nth-child(odd) {background: #FFF}
.margin0{margin:0}
.ason {color:#333; font-size: 13px;}
.summary_data{background:#fff; width:100%; border:2px solid #e9e9e9; border-radius:5px; margin:10px 0 0 0; color:#333}
.summary_data h4 {background:#f5f5f5; margin:0; border-radius:5px 5px 0 0; padding:8px; font-size:15px; font-weight:bold }
.summary_data table {width:100%}
.summary_data table td{ padding:5px 10px; border-bottom:1px solid #ededed}
/*.summary_data table tr:nth-child(even) {background: #e7f3ff}
.summary_data table tr:nth-child(odd) {background: #d1e7fd}*/
.summary_data table tr:first-child{font-weight:bold; border-top:1px solid #ddd; background:#fff}

.tab-content {border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0}
.lightborder td{border-bottom:1px solid #dcdcdc!important; border-right:1px solid #dcdcdc!important}

.cardblock{border:1px solid #dfdfdf; min-height:150px; border-radius:5px; position:relative}
.cardblock h4{font-size:17px; background-color:#f7f7f7; border-bottom:1px solid #dfdfdf; padding:15px; margin-top:0; color:#}
.cardblock .cardbody{padding:5px 15px 15px}
.cardblock .btn.btn-primary {position: absolute; right:15px; bottom: 15px;}


/*CSS for White Label*/
.colorinput {width:170px}
.browseinput {width:350px;}
.primary_block{width:21%}
.infotext {font-size:12px; color:#666; margin:5px 0 0 0}
.orcontent{position:absolute; top:7px; right:-8px; font-weight:bold;}
.preview-logo {width:auto; padding:10px; height:80px; background:#fff; border:1px solid #ddd; display:inline-block; position:relative; top:0; left:10px}
.preview-logo img{height:100%}
.upload_logo{display:inline-block; float: left;}
.white_label .form-control{display:inline-block}
.guideline{position:absolute; right:9px; top:7px;}
.tagprimary, .taghighlighted {width:50px; height:15px; display:inline-block; margin:0 7px 0 0; position:relative; top:2px}
.tagprimary{background-color:#336699}
.taghighlighted {background-color:#FF9933}
.guideblock {color:#333; font-size:13px; overflow-y: hidden}
.guideblock img{border:1px solid #ededed}
.blueborder{border:1px solid #bcd4ec; margin-top:5px;}

ul.location{border:1px solid #999; overflow-y: scroll; height: 200px; background:#fff; border-radius:5px; list-style-type: none; padding:10px 15px}
ul.location li{margin-top:5px}
ul.location ul {list-style-type: none}
.margintop10 {margin-top:10px}
.margin-left-0 {margin-left: 0}
.margin-right-0 {margin-right: 0}
.padding-left-0 {padding-left: 0}
.padding-right-0 {padding-right: 0}
.weekdays{border:1px solid #999; margin-top:-1px;  padding:5px 15px; background:#fff}
.removeicon{position:absolute; top:17px; right:23px; color:#b4b4b4; font-weight:bold; margin:0!important}

.rfccheck.checkbox input[type="checkbox"] {margin-left:-20px; top:3px}
.mce-charcount {float:right!important; margin:10px 10px 0 0!important }
.fullwidth .form-control, .fullwidth .dropdwn {width:100%}

.padding-left-10{padding-left:10px}
.temp_preview{border:5px solid #ddd; padding:0; margin:20px; border-radius:10px}
.temp_preview_heading {background-color:#e9e9e9; color:#333; padding:10px;  border-radius:5px 5px 0 0 }
.padding15{padding:15px}
.email_sub_title{width:100%; display: block; border-bottom:1px solid #ddd; margin-bottom: 20px}
.email_sub_title p {display:inline-block}
.email_heading{display:inline-block; font-weight:bold}
.email_logo{display:block; float:left; width: 100%; text-align:right; margin:0 0 15px 0}

ul.list_qust li{width:29%; display:inline-block; vertical-align:top; margin:0 20px; padding-top:15px; border-bottom:none; border-top:1px solid #ddd  }
ul.list_qust li:nth-child(1) {border:none}
ul.list_qust li:nth-child(2) {border:none}
ul.list_qust li:nth-child(3) {border:none}
ul.list_qust li:nth-child(4) {clear:both}
.list_qust .checkbox input[type="checkbox"] {top:4px}
.list_qust .checkbox label {padding-left:23px; font-weight:600}
ul.list_qust li ul {margin:0}
ul.list_qust li ul li {width:100%; margin: 0; border:none; padding-top:0}

ul.list_qust_popup {padding:5px}
ul.list_qust_popup li{width:47%; display:inline-block; vertical-align:top; margin:0 7px; padding-top:15px; border-bottom:none; border-top:1px solid #ddd  }
ul.list_qust_popup li:nth-child(1) {border:none}
ul.list_qust_popup li:nth-child(2) {border:none}
ul.list_qust_popup li:nth-child(3) {clear:both}
.list_qust_popup .checkbox input[type="checkbox"] {top:4px}
.list_qust_popup .checkbox label {padding-left:23px; font-weight:600}
ul.list_qust_popup li ul {margin:0}
ul.list_qust_popup ul li {width:100%; margin: 0; border:none; padding-top:0}

.add_remove_qust {background:#fff; border-left:1px solid #bdd4ec; border-right:1px solid #bdd4ec; border-bottom:1px solid #bdd4ec; width: 100%; float:left}
.add_remove_qust .divtitle {border-right:1px solid #bdd4ec; display:inline-block; padding:10px; float:left; font-weight:bold; background:#285f98; width:40%; color:#fff; margin: 0}
.add_remove_qust .divtitle_last {width:20%}

.add_remove_qust .divblock { border-right:1px solid #bdd4ec; display:inline-block; padding:10px; float:left;  width:40%; margin: 0}
.add_remove_qust .divblock_second {border-left:1px solid #bdd4ec;  margin-left: -1px;}
.add_remove_qust .divblock_last {width:20%; margin-left: -1px; border-right:0}



.crmTbl { padding:0; width:100%; border:1px solid #ddd!important; color:#000; font-size: 13px}
.crmTbl th { text-align:left; font-weight:bold;border-bottom:1px solid #ddd!important; border-right:1px solid #ddd!important; border-left-color:#ddd!important; border-top-color:#ddd!important  }
.crmTbl th {padding:10px 10px; background:#f9f9f9; }
.crmTbl table { background:#fff; border:1px solid #ddd!important; }
.crmTbl td {padding:9px 10px; border-bottom:1px solid #f4f4f4; border-right:1px solid #ddd!important; vertical-align:middle}
.crmTbl td a{ color:#000;text-decoration:underline}
.crmTbl td a:hover{ text-decoration:none}
.rowYes{ background:#dfdbc7}
.rowNo{background:#f3f4ee}
.crmlist{padding: 0 0 10px; font-size:14px;}
.crmlist .well {padding:15px; border-radius: 9px; border: 0 ; border-bottom:1px solid #e3e3e3 }
.crmlist .page {padding-right:15px}
.fontnormal{font-weight:normal; line-height:22px; font-size:16px}
.text-center{text-align:center}
.infotext_new{font-weight:normal; margin-bottom:25px; margin-top:10px; text-align:center;}
.alert {padding:8px 13px; margin-top:7px; margin-bottom:0}
.mt7 {margin-top:7px}
a.linktext{color:#fff!important; text-decoration: none!important}
.rolecheck label {margin-top:4px}
.rolecheck span{margin-right: 15px;}
.rolecheck input {position:relative; top:2px}
.navbar-custom-menu > .dropdown-menu > li > a {padding:10px!important; border-bottom:1px solid #f4f4f4; color:#444; font-size:14px }

.asterisk {position:relative; top:5px; font-size:20px; line-height:0; font-size:17px}
.text-red {color:#dd4b39 !important;}
.text-blue {color:#0073b7 !important;}
.brownBg {background-color: #FFF; font-family:Helvetica, Arial, sans-serif; margin:2px; padding:15px 15px 0; font-size:14px; border:3px solid #ddd; border-radius:15px;}

.normaltext label {font-weight: normal}
.text-gray {color:#777}
p.errorMessage_new label.error {color:#a94442!important; font-weight:normal; background-color:#f2dede; border:1px solid #ebccd1!important; padding:8px 13px; margin:8px 0 0 0; display:block; border-radius:4px}

.simpleFAQ_list li.simpleFAQ_item {border-bottom:1px solid #f1f1f1; position: relative}
.simpleFAQ_list .question {border-right:0; font-size: 17px; color: #333; cursor: pointer}
.simpleFAQ_item .answer {font-weight:normal; color:#777; margin:0px 15px 20px; padding:0; width:94%; line-height: 25px}
.simpleFAQ_list span.close_team {background:url("/images/close_team.png") no-repeat 0 0; width:16px!important; height:16px; position:absolute; top:4px; right:0; cursor:pointer;}
/*.simpleFAQ_item .answer a{color:blue; text-decoration:underline; float:none}
.simpleFAQ_item .answer a:hover{text-decoration:none}*/

.pagination > .active > a {background-color: #286090; position:initial} 

.bg-icon:after {
    content: "\f085";
    font-family: FontAwesome;
    left:-5px;
/*  position:absolute; */
	text-decoration:none;
    top:0;
	}
        
.btn-default.bg-icon {
    padding:5px;
    height:33px;
	width:43px;
	text-decoration:none;
        color: #333;
        background-color: #fff;
        border-color: #ccc;
        margin-right:5px;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.2);        
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
	}
.headlinks {width:100%;text-align:right;line-height:15px; position:relative; right:11px; top:10px;}
.headlinks .username{position:relative;top:2px; font-size: 13px}
.headlinks .crmlinks {right:4px; left:inherit; width: 230px; overflow: auto; max-height:inherit; font-size:13px}

.ls {display: none;}

.exclamation-sign .error:before {
  content: "\f06a"; 
  font-family: 'FontAwesome';
  font-size:16px;
  margin-right: 5px;
}

.opt.nav-tabs > li > a {border-radius: inherit; margin-right:0; border-top:0}
.nav-tabs-custom>.opt.nav-tabs>li {

margin-bottom: -2px;
margin-right: 0;
}
.nav-tabs-custom>.opt.nav-tabs>li.active{margin-bottom:-2px;}  

.list-group-item {min-height:55px}
.csvlist li label {font-weight: normal}
.csvlist li input {text-align:center}
.margin-top40{margin-top:40px}
.padding-bottom-15{padding-bottom:15px}
.mtb15{margin:15px 0}
.record{padding:9px 20px; font-size:13px;background-color: #5cb85c; margin:14px 0 0 0}
.mb15 {margin-bottom: 15px}

.optimization_block{width: 100%;
    overflow-x: scroll;
    border: 1px solid #ddd;
    background: #f5f5f5;
    margin-bottom: 20px
}

    .optimization_block table { white-space: nowrap;
    overflow-x: scroll;
    table-layout: inherit;}
.gray-text {color: #999;}

.close {opacity:1!important}

/*New Radio button for onboard config page */

.slider_btn .btn{background:#ccc; border-radius:34px; border:0; height:34px; font-weight: bold; font-size: 13px; width:85px; color:#fff; text-align:center;}
.slider_btn .btn-on {padding:8px 0 0 9px}
.slider_btn .btn-off {padding:8px 9px 0 0}
.slider_btn label.active::before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
  border-radius: 50%;
}
.slider_btn label.btn-on.active::after {content: "\2713";
    font-family: 'FontAwesome'; position:absolute; left:12px; color:#3c8dbc}

.slider_btn label.btn-off.active::before {right: 4px; left:auto}
.slider_btn label.btn-off.active::after {content: "\2713";
    font-family: 'FontAwesome'; position:absolute; right:12px; color:#3c8dbc}
.slider_btn label span {opacity:0.7}
.slider_btn label.btn-on.active span {opacity:0.9; margin-left:12px }
.slider_btn label.btn-off.active span {opacity:0.9; margin-right:12px }

.slider_btn .blue .btn-default.active {background-color:#3c8dbc; color:#fff; 
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}