/***** Immigration Solutions App Main Style Sheet *****/

/* Reset CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
    width: 100%;
    min-width: 1280px;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Loading Fonts */

@font-face {
    font-family: 'Roboto-Regular';
    src: url('Fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('Fonts/Roboto/Roboto-Bold.ttf') format('truetype');
}

/* Apply Box Sizing - Border Box and smooth transitions to all elements */

html {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
     -moz-box-sizing: inherit;
          box-sizing: inherit;
  }

/* Placeholder cross browser reset*/

::-webkit-input-placeholder {color: #3d3d3c;} 
:-moz-placeholder {color: #3d3d3c; opacity: 1;}
::-moz-placeholder{color: #3d3d3c; opacity: 1;}
:-ms-input-placeholder{color: #3d3d3c;}

input, input:focus {outline: none;}

#sidebarWrapper a,#sidebarWrapper a:link,#sidebarWrapper a:visited,#sidebarWrapper a:hover,#sidebarWrapper a:active {color: #fff; text-decoration: none;}

input, select {
    height: 35px;
    line-height: 35px;
    padding: 5px;
    font-size: 16px;
    background: #fff;
    border: 1px solid #cacfd1;
}

input:focus {
    border: 1px solid #5a94b6;
}

  /*********************************/
 /*           Preloader:          */
/*********************************/

.viewLoading {width: 100%; height: 100%; background-color: #fff; opacity: 0;}

.viewLoaderDiv {  
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

#circularG{
	width:210px;
	height:210px;
}

.circularG{
	position:absolute;
	background-color:rgb(28,105,149);
	width:49px;
	height:49px;
	border-radius:32px;
		-o-border-radius:32px;
		-ms-border-radius:32px;
		-webkit-border-radius:32px;
		-moz-border-radius:32px;
	animation-name:bounce_circularG;
		-o-animation-name:bounce_circularG;
		-ms-animation-name:bounce_circularG;
		-webkit-animation-name:bounce_circularG;
		-moz-animation-name:bounce_circularG;
	animation-duration:0.96s;
		-o-animation-duration:0.96s;
		-ms-animation-duration:0.96s;
		-webkit-animation-duration:0.96s;
		-moz-animation-duration:0.96s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

#circularG_1{
	left:0;
	top:84px;
	animation-delay:0.36s;
		-o-animation-delay:0.36s;
		-ms-animation-delay:0.36s;
		-webkit-animation-delay:0.36s;
		-moz-animation-delay:0.36s;
}

#circularG_2{
	left:21px;
	top:21px;
	animation-delay:0.48s;
		-o-animation-delay:0.48s;
		-ms-animation-delay:0.48s;
		-webkit-animation-delay:0.48s;
		-moz-animation-delay:0.48s;
}

#circularG_3{
	top:0;
	left:84px;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}

#circularG_4{
	right:21px;
	top:21px;
	animation-delay:0.72s;
		-o-animation-delay:0.72s;
		-ms-animation-delay:0.72s;
		-webkit-animation-delay:0.72s;
		-moz-animation-delay:0.72s;
}

#circularG_5{
	right:0;
	top:84px;
	animation-delay:0.84s;
		-o-animation-delay:0.84s;
		-ms-animation-delay:0.84s;
		-webkit-animation-delay:0.84s;
		-moz-animation-delay:0.84s;
}

#circularG_6{
	right:21px;
	bottom:21px;
	animation-delay:0.96s;
		-o-animation-delay:0.96s;
		-ms-animation-delay:0.96s;
		-webkit-animation-delay:0.96s;
		-moz-animation-delay:0.96s;
}

#circularG_7{
	left:84px;
	bottom:0;
	animation-delay:1.08s;
		-o-animation-delay:1.08s;
		-ms-animation-delay:1.08s;
		-webkit-animation-delay:1.08s;
		-moz-animation-delay:1.08s;
}

#circularG_8{
	left:21px;
	bottom:21px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}

@keyframes bounce_circularG{
	0%{
		transform:scale(1);
	}

	100%{
		transform:scale(.3);
	}
}

@-o-keyframes bounce_circularG{
	0%{
		-o-transform:scale(1);
	}

	100%{
		-o-transform:scale(.3);
	}
}

@-ms-keyframes bounce_circularG{
	0%{
		-ms-transform:scale(1);
	}

	100%{
		-ms-transform:scale(.3);
	}
}

@-webkit-keyframes bounce_circularG{
	0%{
		-webkit-transform:scale(1);
	}

	100%{
		-webkit-transform:scale(.3);
	}
}

@-moz-keyframes bounce_circularG{
	0%{
		-moz-transform:scale(1);
	}

	100%{
		-moz-transform:scale(.3);
	}
}

/***************************************************************/
            
            /**  REPEATABLE ANGULAR CLASSES **/

.bold {font-weight: bold;}

.clear {clear: both;}
.clearRight {clear: right;}
.clearLeft {clear: left;}

.displayNone {display: none !important;}
.displayBlock {display: block;}
.displayInlineBlock {display: inline-block;}

.floatLeft {float: left; margin-right: 15px;}
.positionRelative {position: relative;}

.noMarginRight {margin-right: 0;}
.marginBottom {margin-bottom: 10px !important;}
.noLabelAlign {padding-top: 19px;}

.Child {overflow: hidden;}

.relativeBlock {position: relative; display: block;}
.relativeInlineBlock {position: relative; display: inline-block;}

/* Question Holders Setting: */

.fullWidthInputHolder {width: 950px !important; height: auto; margin-bottom: 20px;}
.xlInputHolder {width: 720px; height: auto; margin-bottom: 20px;}
.lgInputHolder {width: 525px; height: auto; margin-bottom: 20px;}
.mediumInputHolder {width: 425px; height: auto; margin-bottom: 20px; clear: both;}
.normalInputHolder {width: 305px; height: auto; margin-bottom: 20px;}
.smInputHolder {width: 205px; height: auto; margin-bottom: 20px;}
.xsmInputHolder {width: 160px; height: auto; margin-bottom: 20px;}

/* Input Fields Settings: */

.xlInput {width: 100%; height: 35px;}
.lgInput {width: 260px; height: 35px;}
.mdInput {width: 100%; height: 35px;}
.smInput {width: 100%; height: 35px;}
.xsmInput {width: 100%; height: 35px;}

/* Question Labels */

.label {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #595959;
    font-weight: bold;
    margin-bottom: 3px;
}

.extraPaddingLabel {
    padding-bottom: 10px;
}

select[disabled="disabled"], input[disabled="disabled"] {
    font-family: Arial, Helvetica, sans-serif;
    background: #f1f2f4;
    cursor: not-allowed;
}

.moreInfoDiv {
    width: 400px;
    height: auto;
    padding: 25px;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 1, .4);
    position: absolute;
    left: 50px;
    margin-top: 10px;
    z-index: 999;
}

.moreInfoSpan {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-left: 10px;
    background: url("Images/attention_icon_22x22.png") center no-repeat;
    background-size: 18px;
    cursor: pointer;
}

.invalidInput {
    color: #404040;
    border: 1px solid red;
    background: #fffeb7;
}

.validationDiv {
    width: 90%;
    height: auto;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ff0000;
    border: 1px solid #ff0000;
    background: #fffeb7;
    position: absolute;
    top: -40px;
    left: 5%;
    z-index: 99;
    padding: 9px 5px;
}

.validationTriangle {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent; 
  border-top: 12px solid #ff0000;
  position: absolute;
  bottom: -12px;
  left: 5px;
}

.validationMode .ng-invalid {
    color: #ff0000;
    border: 1px solid #ff0000;
    background: #fffeb7;
}

.validationMode .firstInvalidInput {
    color: #ff0000;
    border: 1px solid #ff0000;
    background: #fffeb7;
}

.generalErrorDiv, .invalidFormErrorDiv, .invalidFullDateError {
    display: block;
    clear: both;
    width: 300px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ff0000;
    font-size: 16px;
    color: #ff0000;
    background: #fffeb7; 
    margin-bottom: 10px;
}

.invalidFormErrorDiv {
    margin-bottom: 10px;
}

.lawyerRadioBTN, .lawyerUploadBTN,  lawyerNotAllowed {cursor: not-allowed;}

.removeBTN button {display: none;}

/* File Uploader */

.fileUpload {
    width: 100%;
    height: 35px;
    line-height: initial;
    padding: 5px 0 5px 5px;
    font-size: 16px;
    background: #fff;
    border: 0;
    outline: none;
}

.FileUploader {display:none;}

.FileUploaderAddButton {
    width: 185px;
    height: 38px;
    line-height: 37px;
    padding: 0 17px 0 40px;
    background: #37789e url(Images/add_more_15x16.png) 17px center no-repeat;
    text-align: left;
    border: none;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}

.FileUploaderUploadAnimation {
    width:38px;
    height:38px;
    background:#fff url('Images/UploaderAnimation.gif');
}

.FileUploaderUpdateButton {
    width: 225px;
    height: 38px;
    padding: 0 17px 0 40px;
    background: #37789e url(Images/upload_icon_14x17.png) 17px center no-repeat;
    text-align:left;
    border:none;
    font-size: 18px;
    color:#fff;
    cursor: pointer;
}

.FileUploaderViewButton {
    width: 225px;
    height: 38px;
    padding: 0 17px 0 40px;
    background: #fff url(Images/notes_15x17.png) 17px center no-repeat;
    cursor: pointer;
    color: #37789e;
    text-align: left;
    border: none;
    font-size: 18px;
    border: 1px solid #37789e;
    margin-right: 10px;
}

.FileUploaderAddButton {
    width: 185px;
    height: 38px;
    line-height: 36px;
    padding: 0 17px 0 42px;
    background: #37789e url(Images/add_more_15x16.png) 17px center no-repeat;
    text-align: left;
    border: none;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

.FileUploaderUpdateButton.updatePhoto  {
    width: 180px;
}

.FileUploaderViewButton.viewPhoto  {
    width: 180px;
    padding-left: 50px;
}

.FileUploaderAddButton.addPhoto {
    width: 185px;
    text-align: center;
    padding-right: 30px
} 

.fileUpload:active,.fileUpload:focus,
.FileUploader:active, .FileUploader:focus,
.FileUploaderAddButton:active,.FileUploaderAddButton:focus,
.FileUploaderUpdateButton:active, .FileUploaderUpdateButton:focus
 {
    outline: none;
    border: 0;
}

/*****************************************************************/

/* Application Interface */

/* Header Part */

#mainWrapper {
    width: 100%;
    height: 100vh;
    font-family: Roboto-Regular;
    color: #fff;
    overflow: hidden;
}

#applicationContainer {
    width: 100%;
    margin: 0 auto;
}

#appHeder {
    width: 100%;
    height: 80px;
    background: #e8ecee url('Images/logo_246x36.png') no-repeat 30px center ;
    box-shadow: 0 0 6px rgba(0,0,0,.13);
    border: 1px solid #c8d2d7;
}

#exitBTNHolder{
    float: right;
    cursor: pointer;
}

#exitBTNBorder {
    width: 1px;
    height: 78px;
    float: left;
    border-left: 1px solid #c8d2d7;
}

#exitBTN {
    width: 55px;
    height: 78px;
    float: right;
    background: #e8ecee url('Images/exit_18x18.png') no-repeat center ;
}

.saveBTN {
    display: inline-block;
    width: 185px;
    height: 38px;
    line-height: 38px;
    padding: 0 17px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background-color: #e53e30;
    margin-bottom: 10px;
    text-align: center;
    cursor: pointer;
}

.saveBTN:hover {
    background-color: #cc382b;
}
.loader {
    background-image:url('Images/loader.gif');
    background-size: 32px;
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

.loader:hover {
    background-image:url('Images/loaderHover.gif') ;
}

/* App Content */

#appContent {
    width: 100%;
    min-width: 1280px;
    height: calc(100vh - 80px);
}

/* Side Bar */
/*
    #appDataHolder.ShowSidebar {transform: translate(0, 0);}

    #appDataHolder {
    transform: translate(-165px, 0);
    -webkit-transition: all 500ms ease-out;
       -moz-transition: all 500ms ease-out;
         -o-transition: all 500ms ease-out;
            transition: all 500ms ease-out; 
}
#sidebarWrapper {
    transform: translate(-330px, 0);
    -webkit-transition: all 500ms ease-out;
       -moz-transition: all 500ms ease-out;
         -o-transition: all 500ms ease-out;
            transition: all 500ms ease-out;     
}

#sidebarWrapper.Show {
    transform: translate(0, 0);
}
*/

#sidebarWrapper {
    width: 330px;
    height: 100%;
    float: left;
    padding: 20px 10px 0 10px;
    background: #1c6995;
}

.countryFlagIMG {
    float: right;
    position: relative;
    top: 10px;
    left: -25px;
}

/* Sticky sidebar footer */

#sidebarContent {
    min-height: calc(100% - 50px);
}

#generalTabsContainer {
    padding-bottom: 25px;
    border-bottom: 1px solid #2178a1;
}

/* User Info */

#userInfo {
    width: 100%;
    height: 50px;
    padding-left: 65px;
    line-height: 16px;
    background: url(Images/user_icon_40x40.png) 10px 0px no-repeat;
    border-bottom: 1px solid #2178a1;
    margin-bottom: 25px;
}

#userName {font-size: 16px; margin-bottom: 5px;}

#uniqueNumber {font-size: 14px;}

/* Sidebar Items */

#sidebarViewHeightHolder {
    width: 100%;
    height: calc(100vh - 277px);
    overflow-y: auto;
    padding: 10px 20px 10px 10px;
}

.generalTab, .countryTab {
    position: relative;
    width: 100%;
    height: 35px;
    margin: 0 auto 17px auto;
    background: url('Images/uncomplete_tab_26x27.png') 20px center no-repeat;
    font-size: 15px;
    border: none;
    color: #fff;
    text-align: left;
    outline: none;
}

.generalTab.Active, .generalTab.Enabled, .countryTab.Active, .countryTab.Enabled {
    background-color: #0e5178;
    background: url('Images/active_tab.png') 20px center no-repeat;
    opacity: 1;
}

.generalTab.Complete, .countryTab.Complete {
    background: url('Images/complete_tab_26x27.png') 20px center no-repeat;
    opacity: 1;
}

.generalTab:hover, .countryTab:hover {
    background-color: #1a5f87;
}

.generalTabBTN, .countryTabBTN {
    width: 100%;
    height: 35px;
    padding-left: 60px;
    font-size: 15px;
    background: none;
    border: none;
    color: #fff;
    text-align: left;
    outline: none;
    cursor:pointer;
}

.generalTabBTN:disabled, .countryTabBTN:disabled {
    cursor: not-allowed;
} 

/* Welcome Tab */

#welcomeTab {
    background: url(Images/welcome_icon_32x24.png) 20px center no-repeat;
}

.inCompleteTabMSG {
    display:none;
    width: 90%;
    height: auto;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ff0000;
    border: 1px solid #ff0000;
    background: #fffeb7;
    position: absolute;
    top: -60px;
    left: 5%;
    z-index: 99;
    padding: 9px 5px;
}

.inCompleteTabMSGTriangle {
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent; 
    border-top: 12px solid #ff0000;
    position: absolute;
    bottom: -12px;
    left: 5px;
}

.countryTab:hover > .inCompleteTabMSG, .generalTab:hover > .inCompleteTabMSG {
    display:block;
}

/* Sidebar Products */

#countriesTabsContainer {
    padding: 25px 0;
    border-bottom: 1px solid #2178a1;
}

/* Countries - Products List */

.countryFlag {
    width: 21px;
    height: 14px;
    float: right;
    margin-top: -25px;
    margin-right: 22px;
}

.validationDiv {
    width: 90%;
    height: auto;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ff0000;
    border: 1px solid #ff0000;
    background: #fffeb7;
    position: absolute;
    top: -40px;
    left: 5%;
    z-index: 99;
    padding: 9px 5px;
}

.validationTriangle {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent; 
  border-top: 12px solid #ff0000;
  position: absolute;
  bottom: -12px;
  left: 5px;
}

/* Sidebar Footer */

#sidebarFooter {
    width: 292px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: 0 auto;
}

#sidebarFooter .footerItem {margin-right: 30px; float: left;}
#sidebarFooter .footerItem:last-child {margin-right: 0;}

/* App Data */

#appDataHolder {
    position: relative;
    width: calc(100% - 330px);
    height: 100%;
    padding: 30px 40px 0 40px;
    float: left;
    font-size: 16px;
    color: #595959;
    overflow-y: auto;
}


#appData  {
    width: 950px;
    height: 100%;   
}

/* General Tab Content */

.tabContent {
    font-size: 16px;
}

/* General */

.tabHeader {
    margin-bottom: 23px;
    font-size: 24px;
    color: #1c6995;
    font-weight: bold;
}

.tabSubHeader {
    padding-bottom: 2px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #c1c1c1;
    border-bottom: 1px solid #cacfd1;
}

.tabSubHeader.USSpouse {
    padding: 25px 0 2px 0;
    margin-bottom: 20px;
    font-size: 18px;
    color: #c1c1c1;
    border-bottom: 1px solid #cacfd1;
}

.requiredStar {
    font-size: 16px;
    color: #ff0000;
}

/* Welcome Tab */

.welcomeTabHeader {
    margin-bottom: 32px;
}

.welcomeTabContent {
    margin-bottom: 36px;
}

.welcomeIncompleteBTN {
    display: block;
    border: 0;
    border-bottom: 1px solid #1c6995;
    background: none;
    font-size: 16px;
    font-weight: 600;
    height: 25px;
    line-height: 25px;
    color: #1c6995;
    padding: 5px 0 0 0;
    cursor: pointer;
}

.welcomeIncompleteBTN:active {outline: none;}
.welcomeIncompleteBTN:hover {font-weight: 700; font-style: italic;}

/* Personal Information */

#userGender div {margin-right: 60px;}
#userGender div:last-child {margin-right: 0;}
#lNameInfo {margin-right: 0;}

/* Radio Buttons */

.RadioHolder {
    display: inline-block;
    width: 82px;
    height: 22px;
    line-height: 22px;
    padding-top: 10px;
    margin-right: 60px;
}

.RadioHolder:nth-child(2) {margin-right: 0;}

.radioBTN {
    float: left;
    height: 22px;
    line-height: 22px;
    padding-left: 29px;
    display: inline-block;
    background: url(Images/radio2_22x22.png) left center no-repeat;
    font-size: 15px;
    color: #7c7c7c;
}

.radioBTN.selected {background: url(Images/radio1_22x22.png) left center no-repeat;}

.addMoreBTN {
    display: inline-block;
    width: 135px;
    height: 38px;
    line-height: 38px;
    padding: 0 17px 0 40px;
    font-size: 18px;
    color: #fff;
    background: #37789e url('Images/add_more_15x16.png') 17px center no-repeat;
    cursor: pointer;
}

.addMoreBTN:hover {
    background: #1a5f87 url('Images/add_more_15x16.png') 17px center no-repeat;
}

.removeBTN {
    display: block;
    width: 135px;
    height: 38px;
    line-height: 38px;
    padding: 0 17px 0 40px;
    font-size: 18px;
    color: #fff;
    background: #37789e url('Images/minus_15x16.png') 17px center no-repeat;
    border: none;
    margin-top: 20px;
    cursor: pointer;
}

.removeBTN:hover {
    background: #1a5f87 url('Images/minus_15x16.png') 17px center no-repeat;
}

.removeBTN:active {outline: none;}

/* Text Areas */

textarea {
    overflow-y: auto;
}

.taHolder {
    margin-bottom: 20px;
}

.textareaHeaderDiv {
    width: 720px;
    height: 40px;
    line-height: 40px;
    background: #cacfd1;
    font-size: 12px;
    color: #6c6c6c;
    padding: 0 20px;
    border-top: 1px solid rgb(169, 169, 169);
    border-right: 1px solid rgb(169, 169, 169);
    border-left: 1px solid rgb(169, 169, 169);
}

.taHeaderTitle {
    font-size: 16px;
    color: #1c6995;
    font-weight: bold;
    margin-right: 20px;
}

/* Language Tab / Multiple Select - Chosen.css Overrides */

.multiChosenSelectHolder {width: 100%; height: auto;}

.chosen-container, .chosen-container-multi {
    width: 100% !important;
    height: 35px !important;
    line-height: 35px !important;
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5a94b6 !important;
    box-shadow: none !important;
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: 35px !important;
    line-height: 33px !important;
    border: 1px solid #cacfd1 !important;
    background-color: #fff;
    background-image: none !important;
    cursor: text;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin-top: 6px !important;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 0 !important;
    background-color: #eeeeee;
    background-image: none; 
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    box-shadow: none !important;
    color: #333;
    line-height: 13px;
    cursor: default;
}

.chosen-container {font-size: 16px !important;}

.chosen-choices.chosen-validation { 
    color: #ff0000 !important;
    border: 1px solid #ff0000 !important;
    background: #fffeb7 !important;
}

/* Lawyer Mode Not Allowed */

.lmNotAllowed {
    cursor: not-allowed;
}

.lmNotAllowed:hover{
    background-color: #37789e;
}

/* Summary */

table thead th {font-size: 16px; color: #1c6995; background-color: #cacfd1; text-align: left; height: 60px; width: 260px; padding-left: 15px; vertical-align: middle; border-bottom: 10px solid #fff; border-right: 2px solid #fff; font-weight: bold;}
table thead th:last-child {border-right: 0;}
table tbody td {font-size: 16px; color: #595959; background-color: #e5e5e5; text-align: left; height: 40px; width: 260px; padding-left: 15px; vertical-align: middle; border-bottom: 2px solid #fff; border-right: 2px solid #fff;}
table tbody td:last-child {border-right: 0;}
table tbody {border-bottom: 8px solid #fff;}
table tfoot td {font-size: 16px; color: #fff; background-color: #1c6995; text-align: left;  height: 40px; width: 260px; padding-left: 15px; vertical-align: middle; border-bottom: 2px solid #fff; border-right: 2px solid #fff;}
table tfoot td:last-child {border-right: 0;}

.Category {width: 260px; height: 60px; padding: 15px;}
.Answer {width: 355px; height: 60px; padding: 15px;}
.Points {width: 100px; height: 60px; padding: 15px;}
.maxPoints {width: 100px; height: 60px; padding: 15px;}

.summarySection {margin-bottom: 25px;}
.otherQuestionsContainer {margin-bottom: 20px;}
.taHolder:last-of-type {margin-bottom: 10px;}

.summaryInputHolder {width: 720px; height: auto; margin-bottom: 45px;}

/* Assessment Results */

.arContainer {padding-bottom: 25px;}

.arIneligibleLi {
    padding: 5px 0 5px 20px;
    list-style: disc;
    list-style-position: outside;
}

.arBlueBox {
    width: 730px;
    background: #d4eaf7;
    padding: 20px;
}

/* Assessment Result - Elibigble Accordion CSS */

div.accordion {
    background-color: #eee;
    color: #1c6995;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    margin-bottom: 5px;
    font-weight: bold;
}

div.accordion.tabHeader {font-size: 18px;}

div.accordion.active, div.accordion:hover {
    background-color: #ddd;
}

 div.panel {
    background-color: #eee;
    color: #444;
    padding: 18px 18px 30px 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

  div.panel > .tabHeader {font-size: 16px;}

  ol.arIneligibleLi {
     list-style-type: decimal;
  }

 ol.arIneligibleLi li:last-child {margin-left: 10px}

.openCloseIcon {float: right;}

/*yamit start*/
.sectionRow {height: auto; margin-bottom: 20px; width: 100%; min-height: 55px; margin-bottom: 20px; }
.questionHolder select,.questionHolder input,.questionHolder textarea{
    width: 425px;
}

.groupElement {float:left;margin-right:15px; width: 280px; }
.groupElement select{width:100%;}
.hidden{display:none;}
.InfoToolTip{opacity:0;}

.Validation .ng-invalid {
    color: #ff0000;
    border: 1px solid #ff0000;
    background: #fffeb7;
}
.elementValidationText { font-size: 12px; font-weight: bold; color: #f00; padding-top: 5px; }
div{-moz-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; transition:all 500ms ease-in-out;}
.generalTab.Active, .countryTab.Active {
    background-color: #0e5178 !important;
}
.tabSection{
    margin-bottom:50px;
}
.tabSection.last{
    margin-bottom:0;
}

.addRemove  {
    height:38px; font-family:Arial;font-size:16px;background-color:#406a94; background-image:url("Images/add_more_15x16.png"); background-repeat:no-repeat; background-position:left 17px center; padding-left:40px;margin-top:12px;
    outline:none;color:#ffffff;border:none;cursor:pointer;padding-right:17px;
}
.addRemove.remove{
    height:38px; font-family:Arial;font-size:16px;background-color:#406a94; background-image:url("Images/minus_15x16.png"); background-repeat:no-repeat; background-position:left 17px center; padding-left:40px;margin-top:12px;
    outline:none;color:#ffffff;border:none;cursor:pointer;padding-right:17px;
}
.addRemove:disabled{cursor:not-allowed;}