/* SITE HEADER START ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

.header_width_wrapper{margin: auto; display: table; width: 90%; text-align: center; padding-bottom: 4px; max-width: 1500px; margin-top:10px}

.ucc{background-color: #324B60; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.ucb{background: none; border-bottom: 1px solid #324B60; border-radius: 0;}
.user_comp_cont{width: 90%; margin: auto; max-width: 1500px;}
.user_comp_back{background-color: rgba(0, 0, 10, 0.18); padding: 6px 7px 6px 7px; border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; float: right}
.user_comp_left{float: left;}
.user_comp_icon{display: none}
.building_icon{font-size: 21px; vertical-align: -2px; width: 14px;}
.user_comp_txt{display: inline-block}
.mr_l{margin-left: 10px}
.logout_btn{float: right}

#content_placeholder{width: 100%; margin: auto; background-color: #fff;}

.content_title{background-color: #bebebe; border-bottom: 4px solid #d4d4d4; padding: 10px 20px;}
.content_wrapper{padding: 30px 45px 45px;}

/* HEADER - Main Menu Start -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
.dbs-logo{
    height: 50px !important;
    max-height: 50px;
    width: auto !important;
}

.nav_company_user{text-transform: uppercase; font-size: 13px; color: #eee}

.menu_trigger {display:none;}

#main_menu_container{min-height: 45px; width: 100%; display: block}
.menu-item {
    border-top: 2px solid transparent;
}
#main_menu_container nav#main_menu ul li{position: relative; float: left; margin-bottom: 0;}
.menu-item:hover {
    border-top: 2px solid #fff;
}
#main_menu_container nav#main_menu ul li:hover{transition: 0.4s all;}
#main_menu_container nav#main_menu ul li a:link,
#main_menu_container nav#main_menu ul li a:visited {
    display: block;
    text-decoration: none; text-transform: uppercase;
    transition: 0.5s all;
    text-align: center; color: #fff;
}
#main_menu_container nav#main_menu ul li a:hover{transition: 0.4s all;}

.activeRootItem{border-top: 2px solid #fff !important;}


#main_menu_container nav#main_menu ul ul {display: none; font-size: 10px; background: #efefef; position:absolute; 
  transition: 0.5s all; box-shadow: 2px 2px 3px #333; z-index: 9999}
#main_menu_container nav#main_menu ul li:hover > ul {display: block; width: 190px;}

.submenu-item {
    /* this border setting is to overcome reset css which is setting it to 0 and overrides the other border styles */
    border: 0px solid;
}
#main_menu_container nav#main_menu ul ul li {
    margin-top: 0px;
    padding-top: 0px; float: none;
    transition: 0.5s all;
    color: #000;
}
#main_menu_container nav#main_menu ul ul li.activeNonRootItem a{color: #fff !important}
#main_menu_container nav#main_menu ul ul li a:link,
#main_menu_container nav#main_menu ul ul li a:visited{color: #333; padding: 10px 12px 11.5px; text-transform: none; font-size: 13px; 
  letter-spacing: 0px; margin-top: -1px; margin-bottom: -1px}
#main_menu_container nav#main_menu ul ul li a:hover{color: #fff;}

.menu_regular{display: block;}
.menu_mobile{display: none;}

/* HEADER - Main Menu End -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

.pl30{padding-left: 30px}

.error_msg{color: #F62E2E; margin-top: 5px; font-size: 12px;background-color: #ead4d4;
  font-weight: bold;
  padding: 0px 8px;
}
.warning_msg_yellow {
  margin-top: 5px; 
  background-color:#fcf8e3;
  border: 1px solid #d49a38;
  padding: 0px 8px;
  overflow: wrap;
}
.warning_msg_yellow:empty{
  display: none;
}
.asterisk{color: #F62E2E; font-size: 8px; vertical-align: 4px; margin-left: 4px}
.asterisk_big0{color: #F62E2E; font-size: 13px; vertical-align: 0px; margin-left: -18px; margin-right: 3px; cursor: pointer}
.asterisk_big{color: #F55F5F; font-size: 13px; vertical-align: 0px; margin-left: -18px; margin-right: 3px; cursor: pointer;}



.succsess_message{background-color: #B7E6D6; color: #028668; font-size: 15px; font-weight: 300; margin-bottom: 25px; padding: 6px 13px; 
  text-transform: uppercase; width: auto;}
.success_message{background-color: #B7E6D6; color: #028668; font-size: 15px; font-weight: 300; margin-bottom: 25px; padding: 6px 13px; 
  text-transform: uppercase; width: auto;}
.error_message{background-color: #F4C2C2; color: #F62E2E; font-size: 15px; font-weight: 300; margin-bottom: 25px; padding: 6px 13px; 
  text-transform: uppercase; width: auto;}
.info_message{background-color: #C3CACF; color: #324B60; font-size: 15px; font-weight: 300; margin-bottom: 25px; padding: 6px 13px; 
  text-transform: uppercase; width: auto;}
.message_icon{font-size: 20px; padding-top: 3px}
.info_icon{
  position: absolute;
  color: #324B60;
  font-size: 1.05rem;
}
.remove_message{font-size: 16px; padding-top: 5px; cursor: pointer}

/*.message_left{display: table-cell}
.message_right{float: right; margin-top: -27px}*/

.warning_msg{font-family: Raleway; color: #F62E2E; font-weight: bold; font-size: 15px; border-bottom: 1px solid #F62E2E}

.errmsg{background-color: #F4C2C2; border-radius: 20px; color: #F62E2E; margin-left: 7px; padding: 3px 10px; position: absolute;}


.err_icon{float:left; font-size: 20px; padding-top: 7px}


.border_divider{border-top: 2px solid #ddd; margin-top: 40px; margin-bottom: 40px}


.logout_btn{background-color: #46494C; border-bottom: 2px solid #102c43; border-radius: 40px; color: #fff; padding: 4px 33px 4px 18px;
  text-transform: uppercase; vertical-align: 1px; margin-top: 12px !important; transition: 0.4s all}
.logout_btn:link, .logout_btn:visited{color: #fff}
.logout_btn:hover{background-color: #324B60; border-bottom: 2px solid #253746; transition: 0.4s all}
.login_bt_w{width:100%}


.fields-block_con{margin-top: 10px; margin-bottom: 10px}
.fields-block_con_my2{margin-top: 20px; margin-bottom: 20px}
.input_info_message { display: block; max-width: 350px; font-size: .78em; padding: 5px 0px; }
.input_error_message { display: none; max-width: 350px; font-size: .78em; padding: 5px 0px; color:red; }
.date-gap-notifier {margin-bottom: -20px; margin-top: 20px; display: none; justify-content: center; }
.fields_width{width: 680px}
.fields_left{width: 47.5%; float: left}
.fields_left label { word-break: break-word; }
.field_single_left{float: left; margin-right: 30px}
.field_span{vertical-align: -10px}
.check_rad_span{vertical-align: -6px}

.chbox_text{padding-right: 20px; float: left}


.app_bullet{color: #324B60; font-size: 6px !important; margin-left: -5px; margin-right: 0px; vertical-align: 3px !important;}
.bullet_con{float: left; width: 7px}
.bullet_con_l{float: left; width: 170px}
.text_italic{font-style: oblique;}
.app_ex_span{color: #555; font-style: oblique}
.app_chbox_block_width{width: 105px; float:left}
.app_chbox_block_width_registered{width: 150px; float:left}
.app_chbox_block_width_lg {width: 135px; float: left;}
.app_chbox_block_width_xl {width: 300px; float: left;}
.app_chbox_block_width_bg{width: 120px; float:left}
.app_inside_block{background-color: #f5f5f5; border-color: #d0d0d0; border-style: solid; border-width: 1px 1px 1px 4px; margin: 15px 20px;}
.app_secondinside_block{background-color: #e8e8e8; margin-left: 20px; margin-right: 20px}
.first_sec_block{margin-bottom: -10px; padding-left: 10px}
.second_sec_block{padding-left: 10px}
.first_sec_text{padding-top: 5px; padding-bottom: 5px; width: 110px !important}
.second_sec_text{padding-top: 2px; padding-bottom: 5px; width: 110px !important;}
.first_sec_text2{padding-top: 5px; padding-bottom: 5px}
.second_sec_text2{padding-top: 2px; padding-bottom: 5px}
.label_empty{font-style: italic; line-height: 40px;}

.a_link{background-color: #324B60; border-bottom: 2px solid #001c33; color: #fff !important; padding: 5px 20px; margin-left: 10px;
  border-radius: 40px}
.a_link:hover{background: #253746; border-bottom: 2px solid #001c33;}
.app_ins_bl_title{border-bottom: 1px solid #fff; color: #324B60; font-family: Raleway; font-weight: bold; padding-bottom: 8px;}
.a_text, .a_text:link, .a_text:visited{color: #324B60; border-bottom: 1px dotted #324B60}
.a_text > .fa{color: #324B60; margin-left: 6px; margin-right: 0px}
.a_text:hover{color: #324B60; border-bottom: 1px solid #324B60}
.a_text:hover .fa{color: #324B60;}


.addable_block{ float: left}
.delete_a{background-color: #eaeaea; border-radius: 40px; color: #C40808; float: left; padding:5px 45px 6px 20px; transition: 0.4s all; 
  cursor: pointer; margin-top: 18px}
.delete_a:hover .addable_block{background: #555 !important}
.delete_a:hover{background-color: #ddd; transition: 0.4s all}

.add_a{background-color: #fff; border-radius: 40px; border: none; color: #324B60; float: left; padding:5px 45px 6px 20px; transition: 0.4s all; 
  cursor: pointer; margin-top: 18px}
.add_a:hover{background-color: #ddd; border: none; transition: 0.4s all}


.icon_size{font-size: 14px}


.app_d_block_con{background-color: #e9e9e9; padding-bottom: 1px}
.app_d_title{background-color: #324B60; border-bottom: 3px solid #00455c; color: #fff; padding: 8px 20px 6px; letter-spacing: 2px;
  text-transform: uppercase; font-size: 17px; transition: 0.3s all}


.filters_cont{background-color: #eee; padding-left: 10px; margin-bottom: -10px}
.filters_cont input[type='text'] {width: 170px !important;}
.filters_cont select {min-width: 170px !important; width: 170px !important;}
.filters_cont .field_single_left {float: left; margin-right: 30px;}


.fair_proc_title{padding: 7px 7px 4px 12px; border-radius: 40px; background-color: #e0e0e0}
.f_p_title_left{float: left}
.f_p_button_right{float: right}


.email_alias_con{background-color: #efefef; padding: 10px 25px 15px; margin-top: 20px}
.email_alias_border{height:1px; background-color: #fff}


.blue_bullet{font-size: 15px; color:#324B60}
.fa-ul li {margin-bottom: 5px; padding-top: 3px;}


.blue_title{background-color: #eee; border-bottom: 2px solid #d3d3d3; border-radius: 78px; letter-spacing: 0.5px; padding:5px 10px 4px 15px; 
  text-transform: none;}

.number_title{font-family: OpenSansRegular; font-size: 15px;}


.tab_number{font-weight: bold; line-height: 15px}


.comment_block{background-color: #eee; padding: 25px 20px 30px}
.comment_user_type{background-color: #fff; border-top: 2px solid #fff; color: #222; float: left; padding: 4px 13px 3px;}
.comment_user_name{border-top: 2px solid #fff; float: left; padding: 4px 13px 3px;}
.comment_content_wrap{padding: 0px 20px; margin-top: -10px}


#result_text_nsv{margin-top: 20px}
#result_text_nsr{margin-top: 20px}
#result_text_csv{margin-top: 20px}
#result_text_csr{margin-top: 20px}
#result_text{margin-top: 20px}
#comments_text_nsv{background-color: #eee; margin-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}
#comments_text_nsr{background-color: #eee; margin-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}
#comments_text_csv{background-color: #eee; margin-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}
#comments_text_csr{background-color: #eee; margin-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}
#comments_text{background-color: #eee; margin-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}
.comment_h2{color: #324B60; font-size: 14px; margin-bottom: 2px;}
.comment_title_con{border-top: 2px solid #324B60; color: #fff; margin-top: 15px;}
.comment_by{background-color: #324B60; padding: 2px 10px 4px; vertical-align: -1px}
.comment_p{padding: 0px 20px; margin-top: 5px !important; margin-bottom: 5px !important}
.pad_com_date{padding-left: 10px; padding-bottom: 10px}
.no_comments_txt{padding-bottom: 14px; padding-left: 10px; padding-top: 15px; font-style: italic}
.marked-text-border {padding: 1px 5px; background: #eee; border: 2px solid #bebebe}


.doc_table thead tr{background-color: #324B60 !important; border-bottom: 3px solid #007390 !important;}
.doc_table thead th{padding: 4px 7px !important;}
.doc_table thead tr th {border-right: 1px solid #253746 !important; color: #fff; font-weight: normal !important;}
.doc_table{border-bottom: 1px solid #324B60 !important}

.doc_td1{width: 40%}
.doc_td2{width: 30%}
.doc_td3{width: 20%}
.doc_td4{width: 10%}



.show_span{display: none; background-color: #C40808; font-size: 0.94em; border-radius: 50px; color: #fff; margin-left: -162px; margin-top: -34px;
  padding: 5px 7px; position: absolute; width: 160px; line-height: 14px; word-wrap: normal; word-break: normal; text-align: center; z-index: 9999}

.show_span2{display: none; background-color: #F62E2E; font-size: 0.94em; border-radius: 50px; color: #fff;
  /* margin-left: -228px;mgtop -20 width 226px*/ margin-left:66px;margin-top: -46px; padding: 5px 7px; position: absolute; width: 250px;
  line-height: 14px; word-wrap: normal; word-break: normal; text-align: center; z-index: 9999; }

.manage_stage_con{background-color: #f4f4f4; border: 1px solid #fff; margin: 20px; padding: 0 20px 7px;}


.label_br_word{word-wrap: break-word}

.gray_title_sliding{background-color: #d5d5d5 !important; border-color: #b1b1b1 !important; color: #324B60 !important; cursor: pointer}
.gray_title_sliding:hover{background-color: #c5c5c5 !important; border-color: #a1a1a1 !important;}
.slide_content{display: none; margin-left: 20px; margin-right: 15px; padding: 20px; background-color: #fff}



.payment_table{width: 54%; margin-right: 3%; float: left; background-color: #f3f3f3;}
.payment_table thead tr th{background-color: #283C4D; border-bottom: 3px solid #324B60; font-weight: normal; color: #fff; padding: 9px 9px; 
  text-transform: uppercase; vertical-align: middle;}
.payment_table tbody tr{border-bottom: 1px solid #e5e5e5}
.payment_table tbody tr:last-child{border-bottom: 2px solid #e5e5e5}
.payment_table tbody tr td{padding: 7px 9px; text-align: center}

.payment_td_main{font-weight: normal; width: 25%; padding: 7px 7px !important; text-transform: uppercase; color: #324B60;
  text-align: right !important}

.p_t_last{width: 43%; float: left; margin-right: 0}
.p_t_last tbody tr td{padding: 12.3px 9px;}

.p_t_total{width: 100%; float: right; margin-right: 0}
.p_t_total thead tr th{background-color: #d5d5d5; border-bottom: medium none; color: #324B60; font-size: 17px; letter-spacing: 2px;}
.p_t_total tbody tr td{padding: 9.3px 9px; font-size: 15px}

.p_t_bonus{background-color: #fff; margin-top: 3px; width: 100%;}
.p_t_bonus thead tr th{width: 33%; background-color: #eee; color: #324B60; border-bottom: 1px solid #ddd}
.p_t_bonus tbody tr td{padding: 12.3px 9px;}

.payment_left_block{float:left; width: 37%}
.payment_right_block{float:right; width: 43%}

.quantity_td{padding: 8px 19px !important}
.quantity_input{padding: 5px !important; width: 80px !important; border: 2px solid #ddd !important}
.quantity_input:focus{border-color: #324B60 !important}

.payment_footer{width: 100%; float: right; text-align: right}

.blue_txt_con{border-bottom: 1px solid #ddd; margin-bottom: 25px; margin-top: -5px; padding: 2px 2px 0;  display: inline-block;}
.blue_txt{color: #324B60; text-transform: uppercase; letter-spacing: 1px; line-height: 15px;  display: inline-block;}
.bold_txt{font-weight: bold; letter-spacing: 1px; line-height: 15px; margin-bottom: 15px; display: inline-block}

.title_row{background: #939FAA !important; border-bottom: 3px solid #324B60 !important; color: #fff; text-transform: uppercase;}
.title_row:hover{background: #939FAA !important;}
.title_row td{border-right: none !important;}


.gray_title{background-color: #BEBEBE; border-bottom: 3px solid #878787; color: #000; font-family: Raleway; font-size: 18px; font-weight: bold;
  letter-spacing: 1px; padding: 15px 20px 12px; text-transform: uppercase;}



.bubble-top{display: inline; position: relative;}
.bubble-top:after{background-color: #fff; border: 1px solid; border-radius: 50px; box-shadow: 0 0 7px #324B60; color: #324B60;
  text-transform: none;
  content: attr(title); line-height: 14px; padding: 10px 15px; position: absolute; text-align: center; z-index: 98;
  bottom: 39px; /* move the box up or down (accepts negative values as well) */
  left: 20%; /* move the box right or left (accepts negative values as well) */
  width: 220px; /* change the width of the box */ }
.bubble-top:before{content: ""; position: absolute; z-index: 99;
  border: solid; /* set this to "border: none;" to hide the arrow */
  border-color: #324B60 transparent; /* change the color and the direction of the arrow */
  border-width: 7px 8px 0; /* change the size and the direction of the arrow */
  bottom: 30px; /* move the arrow up or down (accepts negative values as well) */
  left: 50%; /* move the arrow right or left (accepts negative values as well) */ }


.bubble-bottom{display: inline; position: relative;}
.bubble-bottom:after{background-color: #fff; border: 1px solid; border-radius: 50px; box-shadow: 0 0 7px #324B60; color: #324B60;
  text-transform: none;
  content: attr(title); line-height: 14px; padding: 10px 15px; position: absolute; text-align: center; z-index: 98;
  bottom: -58px; /* move the box up or down (accepts negative values as well) */
  left: 0%; /* move the box right or left (accepts negative values as well) */
  width: 220px; /* change the width of the box */ }
.bubble-bottom:before{content: ""; position: absolute; z-index: 99;
  border: solid; /* set this to "border: none;" to hide the arrow */
  border-color: #324B60 transparent; /* change the color and the direction of the arrow */
  border-width: 0 7px 8px; /* change the size and the direction of the arrow */
  bottom: -20px; /* move the arrow up or down (accepts negative values as well) */
  left: 45%; /* move the arrow right or left (accepts negative values as well) */ }


.bubble-right{display: inline; position: relative;}
.bubble-right:after{background-color: #fff; border: 1px solid; border-radius: 50px; box-shadow: 0 0 7px #324B60; color: #324B60;
  text-transform: none;
  content: attr(title); line-height: 14px; padding: 10px 15px; position: absolute; text-align: center; z-index: 98;
  bottom: -10px; /* move the box up or down (accepts negative values as well) */
  left: 106%; /* move the box right or left (accepts negative values as well) */
  width: 220px; /* change the width of the box */ }
.bubble-right:before{content: ""; position: absolute; z-index: 99;
  border: solid; /* set this to "border: none;" to hide the arrow */
  border-color: transparent #324B60; /* change the color and the direction of the arrow */
  border-width: 8px 9px 8px 0; /* change the size and the direction of the arrow */
  bottom: 0px; /* move the arrow up or down (accepts negative values as well) */
  left: 101%; /* move the arrow right or left (accepts negative values as well) */ }


.bubble-left{display: inline; position: relative;}
.bubble-left:after{background-color: #fff; border: 1px solid; border-radius: 50px; box-shadow: 0 0 7px #324B60; color: #324B60;
  text-transform: none;
  content: attr(title); line-height: 14px; padding: 10px 15px; position: absolute; text-align: center; z-index: 98;
  bottom: -9px; /* move the box up or down (accepts negative values as well) */
  left: -106%; /* move the box right or left (accepts negative values as well) */ 
  width: 220px; /* change the width of the box */ }
.bubble-left:before{content: ""; position: absolute; z-index: 99;
  border: solid; /* set this to "border: none;" to hide the arrow */
  border-color: transparent #324B60; /* change the color and the direction of the arrow */
  border-width: 8px 0 8px 9px; /* change the size and the direction of the arrow */
  bottom: 0; /* move the arrow up or down (accepts negative values as well) */
  left: -4%; /* move the arrow right or left (accepts negative values as well) */ }


.bubble-top-right{display: inline; position: relative;}
.bubble-top-right:after{background-color: #fff; border: 1px solid; border-radius: 50px; box-shadow: 0 0 7px #324B60; color: #324B60;
  text-transform: none;
  content: attr(title); line-height: 14px; padding: 10px 15px; position: absolute; text-align: center; z-index: 98;
  bottom: 34px; /* move the box up or down (accepts negative values as well) */
  left: 95%; /* move the box right or left (accepts negative values as well) */ 
  width: 220px; /* change the width of the box */ }
.bubble-top-right:before{content: ""; position: absolute; z-index: 99;
  border: solid; /* set this to "border: none;" to hide the arrow */
  border-color: #324B60 transparent; /* change the color and the direction of the arrow */
  border-width: 0 10px 11px 0; /* change the size and the direction of the arrow */
  bottom: 32px; /* move the arrow up or down (accepts negative values as well) */ 
  left: 94%; /* move the arrow right or left (accepts negative values as well) */ }


.bubble-top-left{display: inline; position: relative;}
.bubble-top-left:after{background-color: #fff; border: 1px solid; border-radius: 50px; box-shadow: 0 0 7px #324B60; color: #324B60;
  text-transform: none;
  content: attr(title); line-height: 14px; padding: 10px 15px; position: absolute; text-align: center; z-index: 98;
  bottom: 32px; /* move the box up or down (accepts negative values as well) */
  left: -98%; /* move the box right or left (accepts negative values as well) */ 
  width: 220px; /* change the width of the box */ }
.bubble-top-left:before{content: ""; position: absolute; z-index: 99;
  border: solid; /* set this to "border: none;" to hide the arrow */
  border-color: transparent #324B60; /* change the color and the direction of the arrow */
  border-width: 11px 11px 0 0; /* change the size and the direction of the arrow */
  bottom: 30px; /* move the arrow up or down (accepts negative values as well) */ 
  left: 0; /* move the arrow right or left (accepts negative values as well) */ }


.bubble-bottom-right{display: inline; position: relative;}
.bubble-bottom-right:after{background-color: #fff; border: 1px solid; border-radius: 50px; box-shadow: 0 0 7px #324B60; color: #324B60;
  text-transform: none;
  content: attr(title); line-height: 14px; padding: 10px 15px; position: absolute; text-align: center; z-index: 98;
  bottom: -50px; /* move the box up or down (accepts negative values as well) */
  left: 96%; /* move the box right or left (accepts negative values as well) */
  width: 220px; /* change the width of the box */ }
.bubble-bottom-right:before{content: ""; position: absolute; z-index: 99;
  border: solid; /* set this to "border: none;" to hide the arrow */
  border-color: transparent #324B60; /* change the color and the direction of the arrow */
  border-width: 0 0 10px 11px; /* change the size and the direction of the arrow */
  bottom: -22px; /* move the arrow up or down (accepts negative values as well) */ 
  left: 95%; /* move the arrow right or left (accepts negative values as well) */ }


.bubble-bottom-left{display: inline; position: relative;}
.bubble-bottom-left:after{background-color: #fff; border: 1px solid; border-radius: 50px; box-shadow: 0 0 7px #324B60; color: #324B60;
  text-transform: none;
  content: attr(title); line-height: 14px; padding: 10px 15px; position: absolute; text-align: center; z-index: 98;
  bottom: -50px; /* move the box up or down (accepts negative values as well) */
  left: -98%; /* move the box right or left (accepts negative values as well) */
  width: 220px; /* change the width of the box */ }
.bubble-bottom-left:before{content: ""; position: absolute; z-index: 99;
  border: solid; /* set this to "border: none;" to hide the arrow */
  border-color: #324B60 transparent; /* change the color and the direction of the arrow */
  border-width: 11px 0 0 12px; /* change the size and the direction of the arrow */
  bottom: -24px; /* move the arrow up or down (accepts negative values as well) */ 
  left: 0; /* move the arrow right or left (accepts negative values as well) */ }




.speach_bubble_cont{position: absolute; text-align: center; text-transform: none; margin-left: -53px; margin-top: -80px;}
.speach_bubble_cont2{margin-right: 35px}

.speach_bubble{position: relative; background-color: #fff; border: 1px solid #324B60; border-radius: 30px; box-shadow: 0 0 4px #324B60;
  color: #324B60; display: flex; font-family: 'Raleway'; font-size: 13px; font-weight: bold; padding: 15px 20px; text-align: center}
.speach_bubble:after, .speach_bubble:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0;
  position: absolute; pointer-events: none; }
.speach_bubble:after { border-color: rgba(136, 183, 213, 0); border-top-color: #fff; border-width: 15px; margin-left: -20px; } 
.speach_bubble:before { border-color: rgba(194, 225, 245, 0); border-top-color: #324B60; border-width: 17px; margin-left: -22px; }

.speach_bubble2{position: relative; background-color: #fff; border: 1px solid #324B60; border-radius: 30px; box-shadow: 0 0 4px #324B60;
  color: #324B60; display: flex; font-family: 'Raleway'; font-size: 13px; font-weight: bold; padding: 15px 20px; text-align: center}
.speach_bubble2:after, .speach_bubble2:before {bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0;
  position: absolute; pointer-events: none; } 
.speach_bubble2:after {border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #fff; border-width: 15px; margin-left: -20px; } 
.speach_bubble2:before {border-color: rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) #324B60; border-width: 17px; margin-left: -22px; }


.text_bubble{background-color: #fff; border: 1px solid #aaa; border-radius: 100px; box-shadow: 0 0 5px #aaa; color: #324B60;
  font-weight: bold; padding: 10px 20px;}


.disabled_input, .disabled_input:focus{background-color: #ddd; border-color: #bbb; cursor: default}



.steps_block{text-align: center; float: left; cursor: default}
.steps_circle{background-color: #efefef; border: 1px solid #ff3333; border-radius: 100px; box-shadow: 0 0 15px #bbb; color: #bbb;
  font-size: 40px; margin: auto; padding: 3px; width: 70px; transition: 0.3s all; cursor: default;}

.steps_completed {color: #00BB7E !important; }
.steps_description{color: #aaa; font-family: 'Raleway'; font-size: 13px; font-weight: bold; line-height: 17px; margin-top: 10px;
  text-align: center; transition: 0.3s all}
.steps_line{height: 2px; background-color: #cacaca; margin-top: 35px; float: left}
.steps_completed .steps_circle{background-color: #fff; border: 1px solid #00BB7E; box-shadow: 0 0 20px #00BB7E; color: #324B60;}
.steps_completed .fa-check{font-size: 30pt; margin-left: 3%;
  margin-top: -3%;
  position: absolute;}
.active_circle{background-color: #fff; border: 1px solid #ff3333; box-shadow: 0 0 20px red; color: #324B60;}
.active_description{color: #324B60}

.completed_circle{background-color: #fff; border: 1px solid #008766; box-shadow: 0 0 20px #008766; color: #008766;}
.completed_description{color: #008766}

.completed_line{background-color: #8bd8c2;}



.setup_btn_footer{background-color: #ddd; margin-left: -25px; margin-right: -25px; margin-top: 30px; padding: 25px 30px 15px; text-align: center;}

.steps_shadow{margin-top: -25px; opacity: 0.13; width: 100%; display: block;}
.footer_shadow{margin-bottom: -10px; margin-top: -40px; opacity: 0.13; width: 100%;}

.step_options_cont{width: 440px; margin: auto}
.step_options{border: 1px solid #324B60; padding: 10px; float: left; text-align: center; margin-right: 10px; margin-left: 10px; width: 200px;
  transition: 0.3s all}
.step_options:hover{background-color: #fff; box-shadow: 0 0 5px #324B60; cursor: pointer; transition: 0.3s all}
.step_options_icon{font-size: 50px; color: #324B60}
.step_options_txt{font-size: 15px; line-height: 20px}



/* JQUERY UI - Datepicker -- -- -- -- -- -- -- -- -- -- -- -- -- --- --- -- -- -- -- -- -- -- -- -- -- */
.ui-datepicker{ background: #BEBEBE; z-index: 999999 !important; width: 250px; right: 0 }

.ui-datepicker-header{display: block; padding: 10px; padding-bottom: 0;}
.ui-datepicker-header .ui-datepicker-prev{float: left;}
.ui-datepicker-header .ui-datepicker-next{float: right;}
.ui-datepicker-header .ui-datepicker-title{text-align: center;}
.ui-datepicker-header .ui-datepicker-title select{padding: 5px; background: #fff; border: 0;}

.ui-datepicker table{margin: 10px; margin-top: 10px;}
.ui-datepicker table thead tr th,
.ui-datepicker table tbody tr td{height: 33px; width: 33px; color:#8e8e8e; text-align: center; vertical-align: middle; cursor: pointer}
.ui-datepicker table thead tr th{color: #fff; font-family: 'OpenSansSemibold';}
.ui-datepicker table tbody tr td.ui-state-disabled{cursor: default}

.ui-datepicker table tbody tr td.ui-datepicker-week-end{background: #6D6D6D;}

.ui-datepicker table tbody tr td.ui-datepicker-today,
.ui-datepicker table tbody tr td:hover,
.ui-datepicker table tbody tr td.ui-datepicker-week-end:hover{background: #4f4f4f;}
.ui-datepicker table tbody tr td.ui-datepicker-current-day{background: #324B60;}

.ui-datepicker table tbody tr td.ui-state-disabled a,
.ui-datepicker table tbody tr td.ui-datepicker-other-month a{color: #c6c6c6;}

.ui-datepicker-unselectable:hover, .ui-state-disabled:hover{background: transparent !important} 
.ui-state-disabled.ui-datepicker-week-end:hover{background: #6D6D6D !important}
.ui-state-disabled.ui-datepicker-next{color: #8d8d8d; cursor: default}
.ui-state-disabled.ui-datepicker-prev{color: #8d8d8d; cursor: default}

.ui-datepicker table tbody tr td a{color: #fff;}
.ui-datepicker table tbody tr td:hover a{color: #fff;}

.ui-datepicker-title select{width: auto!important; min-width: 0; padding: 2px !important; height: 27px !important; margin-left: 2px;
  margin-right: 2px;}

.ui-state-disabled span{cursor: default !important}

/* JQUERY UI - Datepicker End -- -- -- -- -- -- -- -- -- -- -- -- -- --- --- -- -- -- -- -- -- -- -- -- -- */



/* DataTables -- -- -- -- -- -- -- -- -- -- -- -- -- --- --- -- -- -- -- -- -- -- -- -- -- */

/*.dataTable tbody {word-break: break-all; word-wrap: break-word}*/
#messagetable_get_details_signatory_reconcile tbody tr td, #messagetable_get_signatory_reconcile tbody tr td, #tabs-view_changes tbody tr td {
    word-break: break-all;
}

div.dataTables_scroll { clear: both; }

.dataTable, .no-footer{margin-top: -1px !important; font-family: 'Montserrat', sans-serif; letter-spacing: 0.1em;}

@-moz-document url-prefix() {
    .dataTable, .no-footer{margin-top: 0px !important}
}

.dataTables_length label select{width: 50px; min-width: 0; margin-bottom: 15px;}
.dataTables_filter label input{width: 200px; min-width: 0}

.search_button{background-color: #324B60; border-bottom: 2px solid #001c33; border-radius: 40px; color: #fff;  cursor: pointer;
  margin-left: 11px; padding: 8px 40px 10px; vertical-align: 2px; margin-bottom: 30px}
.search_button:hover{background: #253746; border-bottom: 2px solid #001c33;}


#titleDataTable{width:100%;font-size: 14px; color:white; padding: 5px 0px; text-align:center; font-weight:bold;}

.dataTable thead tr{font-weight: bold;}
.dataTable thead tr th {border:1px solid #D9D9D9;}
.dataTable thead tr th:last-child {border-right: none;}


.table_holder thead tr th:last-child,
.table_holder tbody tr td:last-child {border-right:1px solid #D9D9D9}
.table_holder .dataTables_scrollBody thea{display: none;}

.table_holder tbody tr:hover{background: #e7f1f7 !important;}

.table_holder tr.odd:hover td.sorting_1{background: #e7f1f7;}
.table_holder tr.even:hover td.sorting_1{background: #e7f1f7;}

.table_holder tr.odd td.sorting_1{background: #f5f5f5; }
.table_holder tr.even td.sorting_1{background: #e0e0e0;}
.table_holder tbody tr.even,
.table_holder tbody tr:nth-child(even){background: #f2f2f2;}
.table_holder tbody tr td{vertical-align: middle; text-align: center; border-right:1px solid #D9D9D9; border-left: 1px solid #D9D9D9;font-size: 12.5px; color: #253746; font-weight: 500;}
.table_holder tbody tr td.actions_td{white-space: nowrap;}
.table_holder tbody tr td.actions_td a:last-child{border: 0;}

/*Opera ONLY Link Fix*/
 noindex:-o-prefocus, .opera_fix tbody tr td a,
 .opera_fix tbody tr td .table_item_status:hover{display:block!important;}


/*End */
.table_holder tbody tr td a,
.table_holder tbody tr td .table_item_status{position: relative; display: inline-block; border-radius: 40px;
  /*width: 30px; margin: 0 auto;*/ color: #7c7c7c; text-align: center;}
.table_holder tbody tr td a.link{color: #324B60; font-family: "OpenSansSemiBold"}
.table_holder tbody tr td a.link:hover{color: #253746;}
.table_holder.user_pan_table tbody tr td a{border-right: 0.1em solid #e1e1e1;}

.table_holder tbody tr td a i,
.table_item_status i{width: 27px; margin: 0; padding: 6px 5px 4px; font-size: 1.25em; text-align: center; background-color: #ccc; 
                     border-bottom: 2px solid #777; color: #1d242f; border-radius: 30px;}
.table_item_status.positive i{color: #00BB7E;}
.table_item_status.negative i{color: #C40808;}
.table_item_status.tentative i{color: #FF7F41;}

.table_holder tbody tr td a:hover i,
.table_item_status:hover i{background: #253746; border-bottom:2px solid #001c33; color: #fff;}
.table_item_status.positive:hover i,
.table_item_status.positive:hover a i{background: #00BB7E; color: #00BB7E;}
.table_item_status.negative:hover i,
.table_item_status.positive:hover a i{background: #C40808; color: #C40808;}
.table_item_status.tentative:hover i,
.table_item_status.positive:hover a i{background: #FF7F41; color: #FF7F41}

.red_a i{background-color: #F62E2E !important; color: #fff !important; border-color: #C40808 !important;}
.red_span{background-color: #F62E2E !important}
.green_a i{background-color: #00BB7E !important; color: #fff !important; border-color: #005855 !important;}
.green_span{background-color: #00BB7E !important}


.table_holder tbody tr td a span,
.table_item_status span{display: none; position: absolute; top: 0; float: left; left: 32px; padding: 3px 10px 2px; border-radius: 30px;
  padding-left: 10px; background: #324B60; border-bottom:2px solid transparent; color: #fff; z-index: 1; white-space: nowrap;}
.table_holder tbody tr td a span.push_left,
.table_item_status span.push_left{left: auto; right: 32px; padding: 2px 7px;}

.table_holder tbody tr td a i:hover  + span,
.table_item_status i:hover + span{display: block;}
.table_item_status.positive i{background: none !important; border: none !important}
.table_item_status.negative i{background: none !important; border: none !important}
.table_item_status.tentative i{background: none !important; border: none !important}
.table_item_status.positive span{background: #00BB7E;}
.table_item_status.negative span{background: #C40808;}
.table_item_status.tentative span{background: #FF7F41;}





.assg_call{width: 28px; margin: 0; padding: 0px 0px 0px 7px; text-align: center; background-color: #ccc !important; 
  border-bottom: 2px solid #777!important; color: #1d242f; border-radius: 30px!important; vertical-align: -4px}
.assg_call:hover{background: #253746 !important; border-bottom:2px solid #001c33 !important}
.assg_user{background: none !important; border: none !important; float: left; margin-left: -8px !important; font-size: 13px !important; 
  margin-top: 3px !important; width: 7px !important}
.assg_phone{background: none!important; border: none!important; margin-left:-20px!important; float: left; margin-left: 1px!important;
  margin-top: -3px!important; width: 3px!important}
.assg_call_s{font-size: 13px !important}
.assg_call:hover .assg_call_s{display: block !important}

.active_icon{background: #00BB7E !important; border-bottom:2px solid #002818 !important; color: #fff !important;}





.table_holder{margin-top: 30px}
/* .table_functions{margin-left: 125px;  position: absolute; z-index: 1} */


.dataTables_paginate{margin-top: 13px}
.dataTables_info{margin-top: 10px}

.dataTables_empty{background: #fff !important}

.td_left{text-align:left !important}

.error_row{background-color: #FFDDDF !important}
.error_row:hover{background-color: #FFDDDF !important}
.error_row .sorting_1{background-color: #FFDDDF !important}

/* DataTables End -- -- -- -- -- -- -- -- -- -- -- -- -- --- --- -- -- -- -- -- -- -- -- -- -- */




/* JQUERY -Dialog -- -- -- -- -- -- -- -- -- -- -- -- -- --- --- -- -- -- -- -- -- -- -- -- -- */

.ui-widget-overlay{position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: #161616; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/* IE 8 */ filter: alpha(opacity=75); /* IE 5-7 */
  -moz-opacity: 0.75;/* Netscape */ -khtml-opacity: 0.75;/* Safari 1.x */ opacity: 0.75;/* Good browsers */ z-index: 1000;}
.ui-dialog{position: absolute; background: #fff; z-index: 1000; margin: auto; box-shadow: 0 0 30px #222}

.ui-dialog-titlebar{display: block; background-color: #D0D0D0; cursor: move}
.ui-dialog-titlebar .ui-dialog-title{color: #253746; float: left; font-family: "Raleway"; font-size: 1.4em; letter-spacing: 0.5px; padding: 14px;
  text-transform: uppercase; font-weight: bold; width: 80%; line-height: 24px}
.ui-dialog-titlebar button{float: right; min-width: 31px; padding-right: 15px}

.ui-dialog-content article{width: auto; margin: 10px; padding: 0px 20px 35px 20px;}

.ui-dialog-content article p{margin: 10px 0; line-height: 1.75em;}
.ui-dialog-content article p:last-of-type{margin-bottom: 0;}

.ui-dialog-content article p a{color: #F62E2E;}
.ui-dialog-content article p a:hover{font-family: 'OpenSansSemibold';}

.ui-dialog-content article ul{margin: 15px;}

.ui-dialog-content article ul li{margin-bottom: 5px;}
.ui-dialog-content article ul li:last-child{margin: 0;}

.ui-dialog-content article ul li label{display: block;  color: #F62E2E;}
.ui-dialog-content article ul li i{float: left; margin-top: 2px; margin-right: 10px;}
.ui-dialog-content article ul li span{float: left; width: 520px;}

.ui-dialog-content article .bottom_block{max-height: 450px; margin: 15px 0; padding-right: 10px; overflow-y: auto;}

.ui-dialog-content article img{width: 100%}
.ui-button.ui-dialog-titlebar-close{margin: 12px; padding: 3px; width: 30px}

.ui-dialog-titlebar-close:before {
  content: "\f00d"; /* FontAwesome "times" icon (fa-times) */
  font-family: "FontAwesome";
  font-size: 15px;
  display: inline-block;
  margin-right: 0;
  vertical-align: middle;
}



.ui-dialog-content article .testimony_credits{height: 40px;}



.ui-dialog-buttonset {border-top: 1px solid #ddd; margin-top: 30px; padding-bottom: 11px; padding-top: 11px; text-align: center}


/* APPROVE CLIENT ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ------ */


.adword_table{width: 100%; height:100%; background-color: #f3f3f3;}
.adword_table thead tr th{padding: 7px 9px; background-color: #333; border-bottom: 3px solid #253746; font-weight: normal; color: #fff;
  text-transform: uppercase; vertical-align: middle}
.adword_table tbody tr{border-bottom: 1px solid #e5e5e5;}
.adword_table tbody tr:last-child{border-bottom: 2px solid #e5e5e5}
.adword_table tbody tr td{padding: 7px 9px; text-align: center}

/* data loader */
.dl_holder_app_cli{ left: 50%; margin-left: -54px; margin-top: -37px}
.dl_text_app_cli{min-width: 400px!important; margin-left: -90px}
/* SITE FOOTER START ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ---- */

#website_footer{border-top: 3px solid #2c2c2c; width: 100%; bottom: 0; z-index: 1;}
#fi_width{max-width: 1500px; margin: auto; width: 90%}
.footer_upp_txt{font-family: raleway; letter-spacing: 0.5px; color: #fff}

/* FOOTER - Top Block -- -- -- -- -- -- -- -- -- -- -- -- -- --- --- -- -- -- -- -- -- -- -- -- -- */


/* FOOTER - Bottom Block -- -- -- -- -- -- -- -- -- -- -- -- -- --- --- -- -- -- -- -- -- -- -- -- -- */

/* FOOTER - Bottom Block - Copyright - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.footer_bottom_container{padding: 15px 0; background: #444; text-align: center}

/* SITE FOOTER END ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ---- */



.data_loader{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(22,22,22,0.9);
  z-index: 9999999999999; display: none;}
#data_loader_holder{ position:fixed; top: 50%; left: 50%; height: 70px; width: 74px; color: #fff;
  /*background: url('../img/data_loader.gif'); margin: 0 auto;*/}
#data_loader_img{ display: block; height: 50px; width: 50px; margin: 0 auto; padding: 7px;}
#data_loader_text{display: block; height: 15px; width: 74px; padding: 10px 0; }



@-moz-document url-prefix() {
    h1{letter-spacing: 0.1em;}
    h2{letter-spacing: 0px;}
}

/* Img responsive Big Banner In How to Guide*/
.aw_pink img{max-width:100%;}

/* Table in TRANSACTION Made responsivly */

  /*  .dataTable thead>tr>th{
    width:5%!important;
    }*/
  .in_table_bl{display:block;}
  .in_table_bl thead tr th {width:15%!important;}
    .dataTable{
    width:100%!important;
    max-width:100%!important;
    overflow-x: auto;
/*     display: inline-block; */
       -webkit-overflow-scrolling: touch;
    }
    .dataTables_scrollHeadInner{
    width:100%!important;

    }

    /*TABLE PAYMENT */
    .pay_det.payment_table {margin-bottom:36px;}
    .pay_det.payment_table tbody>tr:nth-child(3){background-color:#f3f3f3!important;}
    .pay_det.payment_table tbody>tr:nth-child(4){background-color:#f3f3f3!important;}
    .pay_det.payment_table tbody>tr:nth-child(5){background-color:#f3f3f3!important;}
    .pay_det.payment_table tbody>tr:nth-child(3)>td:nth-child(4){border:0px!important;}
    .pay_det.payment_table tbody>tr:nth-child(5)>td:nth-child(3){border-bottom:0px!important;font-size:15px;}
    .pay_det.payment_table tbody>tr:nth-child(5)>td:nth-child(4){border-bottom:0px!important;font-size:15px;}

    /* END TABLE PAYMENT */

    /* App 4 */
    .country_float .fields_left{float:none!important;}
   .contry-u{float:left;}

   /* Application Step 5 in admin App view; */
   #app_as_txt{float:left;}
   .txt_left_step{float:left;width: 675px;max-width: 100%;}/*Width added Step8 */
   .radio_btn_app{width:auto!important;float:none;}/* on left float */
.txt_step8{float:left;width:675px;max-width:100%;}
/*   #move_radio{padding-left:7px;}   Step8-for the text */

/* Marg App as Paid Table */
.mark_as_ptbl .payment_table{width:100%;}



/* Webkit Scroller tab */
 ::-webkit-scrollbar {
        width: 8px;
        background:white;
        border:1px solid #ccc;
        border-radius:3px;
    }
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 10 10 2px white; 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0px 20px 20px #324B60;
    border:1px solid black; 
}

/* Loader new Class */
.on_loader{min-height:1000px;height:auto;}

/* transaction link */
.transaction_href:link{
    color: #002966;
}
.transaction_href:visited{
    color: #663366 ;
}
.transaction_href:visited:hover{
    color: #b266b2 ;
}
.transaction_href:hover{
    color: #0066ff;
}

.how-to-help{background-color: #00BB7E !important;}
.how-to-help:hover{background-color:#00BB7E !important;}
.how_to_guide:hover{
     background-color: #00BB7E !important;
}

/* ================= DASHBOARD STYLE =====================*/
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4,
  .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7,
  .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10,
  .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
@media screen and (min-width: 768px) and (max-width:992px) {
   .col-md-3{ 
       float:left;
       width:40%;
   }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}

#dashboard-page{
    margin-bottom:20px;
}
.table-dashboard .table_holder{
    margin-top:0px;
}
.dash-title h4, .dash-title p{
    text-align:center;
}
.dash-title h4{
    min-height:70px;
    height:100%;
    margin-top: 15px
}
.dash-title p{
     word-break:break-all;
     position: relative;
}
.dash-title p span{
    font-size:2.75em;
    color:#00BB7E;
    line-height: normal;
}
.dash-title .number_apps{
    font-size:2.3em;
    margin-left: 5px;
}
.dash-title p i.credit-cards{
    position:absolute;
    font-size:3em;
    margin-left: -38px;
    bottom:109px;
    color: #fff;
    background: transparent !important
}
.dash-title p i.fa-minus, .dash-title p i.fa-plus{
    color: #fff;
}
.box-one .dash-title{
    background-color: #fff;
    border: 1px solid #00BB7E;
    border-left: 40px solid #00BB7E;
    padding:2px 8px;
    margin:10px 12px;
    min-height:170px;
    max-width:100%;
    border-radius: 1%;
    transition: all .2s ease-in-out;
    box-shadow: 2px 2px 4px #ccc;
}

#dashboard-page .box-one:not(:first-child) .dash-title:hover{
    -ms-transform: scale(1.03); /* IE 9 */
    -webkit-transform: scale(1.03); /* Safari 3-8 */
    transform: scale(1.03);
}
#create_application .dash-title:hover{
  background: #e7e7e7;

}
.dash-title .p_margin{
  font-size: 18px
}

.red-warning{
  border: 0px !important;
  border-left: 40px solid #F62E2E !important;
  box-shadow: 2px 1px 5px #ccc !important;
}
.red-warning i, .red-warning span, .red-warning p{
  color: #324B60 !important;
  background: transparent !important
}
.yellow-warning{
  border: 0px !important;
  border-left: 40px solid #F6C245 !important;
  box-shadow: 2px 1px 5px #ccc !important;
}
.yellow-warning i, .yellow-warning span, .yellow-warning p{
  color: #324B60 !important;
  background: transparent !important
}
.green-warning{
  border: 0px !important;
  border-left: 40px solid #00BB7E !important;
  box-shadow: 2px 1px 5px #ccc !important;
}
.green-warning i, .green-warning span, .green-warning p{
  color: #324B60 !important;
  background: transparent !important
}
.table-dashboard{
    padding: 0 10px 10px;
}
.box-one div:first-child{
    cursor:pointer;
}
.table-dashboard table thead tr th{width:10%!important;}
#request_reprint_dialog span{
  display: inline-block;
  width: 400px;
  position: relative;
  top: 22px;
  margin-bottom: 20px;
}
#request_reprint_dialog label{
  background: white;
}

.create_application .dash-title{
  border: 1px solid #324B60;
  border-left: 40px solid #324B60;
}

.create_application p span{
color:#324B60
}
.close-button, .create_application .dash-title:hover .close-button{
  min-width: 30px;
  background: transparent;
  color: #324B60;
  position: absolute;
  right: 14px;
  top: 0;
  border: 0;

}
.close-button:hover, .close-button:focus{
  background: transparent;
  border-bottom: none;
  color:#037894;
  transform: scale(1.1);
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
}
.close-button:hover, .close-button:focus i{
  color:#037894;
}

.display-block{
  display:block;
}
.display-none{
  display: none;
}
#trigger-menu, #trigger-menu > div, #trigger-menu > .dash-title > div{
  cursor:default;
}
.separator{
  border-bottom:1px solid #005a7054;
}
#trigger-menu h4{
  transition: all .3s ease-in-out;
  font-size: 1.2em;
}
#trigger-menu h4:hover{
  transform: scale(1.05);
  -ms-transform: scale(1.03); /* IE 9 */
  -webkit-transform: scale(1.03); /* Safari 3-8 */
  color: #037894;
}

@media screen and (max-width: 1309px){
  .dash-title .p_margin{ 
    font-size: 1.3em
  }
  .dash-title p span{
    font-size: 2em
  }
  .dash-title .number_apps{
    font-size: 2em
  }
  .dash-title span.fa-hourglass-start{
    font-size: 2em !important
  }
}
@media screen and (max-width: 1235px){
  #trigger-menu h4{ 
    font-size: 1.1em;
  }
}
@media screen and (max-width: 1085px){
  .box-one .dash-title{ 
    min-height: 190px;
  }
}

/* ================= DASHBOARD STYLE END  =====================*/


.dialog .wrapper {
  font-size:14px;
  padding:25px;
}

.dialog .content {
  margin-bottom:25px;
}

.dialog .input {
  width:100%;
  height:auto;
  resize:vertical;
}

.diff-warning {
  border: 6px solid #bf0c40; padding:10px;
  font-size:15px
}

.explanation {
  padding-left:20px; max-height:200px; overflow-y:auto
}

/* Eligibility Tool Design */
#dbseligibiltytool-content h1 {
  color: #324B60;
  padding-left: 10px;
  margin-bottom: 20px;
}

.dbseligibiltytool-question {
  border: 1px solid lightgray;
  padding: 10px;
  margin: 10px;
}

.dbseligibiltytool-question:hover {
  background-color: #efefef;
  color: #324B60;
  cursor: pointer;
}

.dbseligibiltytool-answer {
  margin: 10px;
  padding: 20px;
  border: 1px solid black;
  font-size: 20px;
}
.dbseligibilitytool-previous, .dbseligibilitytool-apply-result {
  display: none;
}

.dbseligibiltytool-answer.basic {
  background-color: lightcoral;
}
.dbseligibiltytool-answer.enhanced-adult {
  background-color: lightgreen;
}
.dbseligibiltytool-answer.enhanced-both {
  background-color: lightgreen;
}
.dbseligibiltytool-answer.enhanced-children {
  background-color: lightgreen;
}
.dbseligibiltytool-answer.enhanced-without {
  background-color: orange;
}
.dbseligibiltytool-answer.standard {
  background-color: yellow;
}
.eligibilityToolResultBox {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  border-radius: 4px;
  padding: 12px 20px;
  display: none;
}
.eligibilityReset:hover {
  cursor: pointer;
}
  /* Eligibility Tool Design END */


  /* INFO BLOCK START */
.info_popup {
    display: none;
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px 20px;
    background-color: #fafafa;
    margin-bottom: 20px;
}

.info_popup a{
    font-weight: bold;
    text-decoration: underline;
}
.info_popup .info_popup_ul li{
  margin-bottom: 0px;
  padding-top: 0px;
}

.info_block{
  margin: 10px 0px;
  background-color: #fcf8e3;
  border: 1px solid #d49a38;
  padding: 10px 15px;
}
.red_block{
  margin: 10px 0px;
  background-color: #F4C2C2;
  border: 1px solid #C40808;
  padding: 10px 15px;
}

table.dataTable thead th {
  position: relative;
  background-image: none !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after,
table.dataTable thead th.sorting_asc_disabled:after,
table.dataTable thead th.sorting_desc_disabled:after {
  position: absolute;
  top: 0px;
  right: 3px;
  display: block;
  font-size:11px !important;
  font-family: FontAwesome;
}
table.dataTable thead th.sorting:after {
  content: "\f0dc";
  color: #ddd;
  padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
  content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
  content: "\f0dd";
}
table.dataTable thead th.sorting_asc_disabled:after {
  content: "\f0de";
  color: gray;
}
table.dataTable thead th.sorting_desc_disabled:after {
  content: "\f0dd";
  color: gray;
}

.dataTables_scrollBody table.dataTable thead th.sorting:after {
  content: "";
}
.dataTables_scrollBody table.dataTable thead th.sorting_asc:after {
    content: "";
}
.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
    content: "";
}
.dataTables_scrollBody table.dataTable thead th.sorting_asc_disabled:after {
    content: "";
}
.dataTables_scrollBody table.dataTable thead th.sorting_desc_disabled:after {
    content: "";
}
/* INFO BLOCK END */

/* Jquery UI */
.ui-helper-hidden-accessible {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}