@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
 @import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&subset=latin-ext');
/* 
font-family: 'Lato', sans-serif;

font-family: 'Open Sans', sans-serif; 
*/


*, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box; }
body { color: #000; line-height: normal; background: #f8f9fa; position: relative; font-family: 'Lato', sans-serif; transition: ease-in-out .6s; }
h1, h2, h3, h4, h5, h6 { margin: 0; line-height: normal; padding: 0; color: #000; font-weight: normal; font-family: 'Lato', sans-serif; }
p { margin: 0; padding: 0; font-size: 14px; line-height: normal; color: #8d8e94; font-family: 'Lato', sans-serif; }
a:focus, a:hover { outline: none; text-decoration: none; }
a { color: #000; display: block; font-size: 14px; font-family: 'Lato', sans-serif; }
a:hover { color: #000 }
a:focus { color: #000 }
ul { margin: 0; padding: 0; list-style: none; }
ul li { vertical-align: top; line-height: normal; display: inline-block; font-family: 'Lato', sans-serif; }
button { border: none; cursor: pointer; padding: 0; font-family: 'Lato', sans-serif; }
header { background: #fff; box-shadow: 0 5px 8px 0px hsla(0, 0%, 0%, 0.08); position: relative; }
.top_header { border-bottom: 2px solid #e7e8e9; padding: 10px 0 }
.logo img { max-width: 100%; }
.menu { padding: 10px 0; overflow: hidden; }
.menu li { float: left; width: 8.3%; position: relative }
.menu li:last-child a { border: none; }
.menu li a { font-size: 16px; color: #868686; padding: 10px 0; text-align: center; display: block; text-transform: uppercase; font-weight: bold; border-right: 1px dashed #ccc; }
.menu li a span { margin-right: 5px }
.menu li a.active::after { position: absolute; height: 2px; max-width: 120px; background: #018d75; content: ""; bottom: -10px; margin: 0 auto; left: 0; right: 0; display: block; width: 100%; }
.menu li a::after { position: absolute; height: 2px; max-width: 120px; background: #018d75; content: ""; bottom: -10px; margin: 0 auto; left: 0; right: 0; display: none; width: 100%; }
.menu li a:hover::after { display: block }
.menu li a.active { color: #018d75; }
.section { padding: 30px 0; }
.notification, .profile_user { float: right }
.notification { margin-right: 20px; position: relative }
.notification a { font-size: 22px; color: #787878; display: block; padding: 12px 15px; position: relative }
.notification a span { background: #ff2645; text-align: center; display: block; border-radius: 100px; height: 20px; width: 20px; color: #fff; font-size: 12px; line-height: 20px; position: absolute; top: 8px; right: 5px; }
.user_img { border-radius: 100px; overflow: hidden; height: 40px; width: 40px; text-align: center; border: 1px solid #e7e8e9; background: #e7e8e9; float: left }
.user_name { font-weight: bold; font-size: 16px; color: #018d75; float: left; padding: 10px 0 10px 20px; }
.user_name span { margin-left: 10px }
.profile_user { position: relative; }
.profile_user a { display: block; padding: 5px 0; }
.right_pannel { background: #fff; box-shadow: 0 0px 8px 0px hsla(0, 0%, 0%, 0.08); padding: 20px; position: relative; margin-bottom: 30px; }
.left_panner { background: #fff; box-shadow: 0 0px 8px 0px hsla(0, 0%, 0%, 0.08); padding: 20px; }
.page_tittle_box { border-bottom: 1px solid #e7e8e9; padding-bottom: 20px; margin-bottom: 20px; }
.page_tittle { font-weight: bold; font-size: 20px; color: #000; }
.responsive_table { width: 100%; overflow: auto; margin-bottom: 30px; position: relative; z-index: 0; }
.responsive_table table { width: 100%; font-size: 16px; border-bottom: 1px solid #e7e8e9; white-space: nowrap; }
.responsive_table table tr th { color: #2f2f2f; padding: 20px; font-weight: bold; background: #fbfbfb; border-bottom: 1px solid #e7e8e9; border-top: 1px solid #e7e8e9; vertical-align: middle }
.responsive_table table tr td { color: #2f2f2f; padding: 20px; font-weight: 400; vertical-align: middle }
.responsive_table table tr td .form_field { margin-top: 0; }
.responsive_table table tr td a { display: inline-block; }
.responsive_table table tr:nth-child(even) { background: #fbfbfb; }
.responsive_table table tr:hover { background: #f5fafd; }
.responsive_table table tr td:first-child { text-align: left; }
.responsive_table table tr th:first-child { text-align: left; }
.responsive_table table tr:hover td a { color: #018d75 }
.entries { font-size: 16px; color: #8d8e94 }
.pagination { border: 1px solid #e7e8e9; text-align: center; float: right; border-radius: 5px; overflow: hidden }
.pagination li { float: left }
.pagination li a { display: block; padding: 10px 20px; font-size: 16px; text-align: center; color: #8d8e94 }
.pagination li a.active { background: #018d75; color: #fff; }
.pagination li a:hover { background: #000; color: #fff; border-color: #000;}
.search_form p { font-size: 16px; color: #2f2f2f; }
.form_field { margin-bottom: 15px }
.form_field input { font-size: 14px; color: #9f9f9f; border: 1px solid #e1e1e1; height: 38px; padding: 10px 15px; width: 100%; border-radius: 5px; }
.search_form .form_field input[type=date] { text-transform: uppercase; background: url(../images/calender.png) no-repeat; background-position: right 10px top 10px; padding: 10px 35px 10px 10px; cursor: pointer }
.search_form .form_field input[type=date]::-webkit-input-placeholder, .search_form .form_field input[type=date]::-moz-placeholder, .search_form .form_field input[type=date]:-ms-input-placeholder, .search_form .form_field input[type=date]:-moz-placeholder {
 text-transform:uppercase;
}
.form_field label { font-size: 16px; color: #2f2f2f; margin: 0 0 5px; }
.search_form .form_field { position: relative;/* padding-left: 150px;*/ }
.search_form .form_field label { margin-bottom: 5px }
/*.search_form .form_field label { position: absolute; top: 8px; left: 0; }*/

.search_form .form_field input::-webkit-input-placeholder, .search_form .form_field input::-moz-placeholder, .search_form .form_field input:-ms-input-placeholder, .search_form .form_field input:-moz-placeholder {
 text-transform:uppercase;
}
.form_switch p { float: left; }
.form_switch { overflow: hidden; margin: 35px 0 }
.form_switch label.switch { position: relative; display: inline-block; width: 53px; height: 24px; margin: 0; float: right; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #d2d3d4; -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: #018d75; }
input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
/* Rounded sliders */
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
.search_form .form_field.search_field { padding: 0; margin: 0 0 30px; }
.form_field.search_field input { border-radius: 30px; padding: 10px 15px 10px 40px; }
.search_field button { position: absolute; left: 20px; top: 10px; background: none; color: #9f9f9f; font-size: 14px; }
.form_field select { font-size: 14px; color: #9f9f9f; border: 1px solid #e1e1e1; height: 38px; padding: 10px 30px 10px 10px; width: 100%; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 5px; background: url(../images/select.png) no-repeat; background-position: right top; }
.green_btn { background: #018d75; text-align: center; color: #fff; border-radius: 5px; padding: 10px 15px }
.green_btn:hover { background: #000; }
.search_form .form_field.from_btn { padding: 0; }
.dropdown-menu li { display: block; }
.dropdown-menu { padding: 0; margin-top: 12px; max-width: 300px; width: 100%; }
.dropdown-menu li a { display: block; padding: 10px 20px; font-size: 16px; color: #8d8e94 }
.dropdown-menu li a:hover { background: #018d75; color: #fff; }
.filter_toggle { display: none; }
.menu_toggle { display: none; }
.talk_tab { border: 1px solid #e7e8e9; text-align: center; float: right; border-radius: 5px; position: absolute; top: 20px; right: 20px; display: block !important; overflow: hidden; }
.talk_tab li a { display: block; padding: 10px 20px; font-size: 16px; text-align: center; color: #8d8e94; }
.talk_tab li a.selected { background: #018d75; color: #fff; }
/*.search_form.email_form .form_field { padding-left: 300px }*/
.add_more_btn { position: absolute; bottom: 0; right: 0; }
.add_more_btn { color: #018d75; font-size: 30px; }
.add_more_btn:hover { color: #018d75; }
.form_field.add_more { padding-right: 40px; }
.search_form.email_form .form_field.edit_textaera { padding: 0; }
.form_field.edit_textaera img { width: 100%; }
.search_form.email_form .form_field.from_btn { padding: 0; }
.add_tooltip { display: none; background: #000; text-align: center; color: #fff; font-size: 14px; padding: 5px; border-radius: 5px; position: absolute; z-index: 1; width: 130px; bottom: -15px; }
.add_more_btn:hover .add_tooltip { display: inline-block; }
.modal-body .form_field label { margin-bottom: 5px }
.save_btn { color: #3498db; font-size: 20px; }
.edit_btn { color: #00cc00; font-size: 20px; }
.email_btn { color: #018d75; font-size: 20px; }
.search_contact { border: 1px solid #e1e1e1; border-radius: 5px; position: relative; float: right; max-width: 318px; width: 100%; overflow: hidden; }
.search_contact button { position: absolute; right: 15px; top: 5px; background: none; color: #018d75; font-size: 18px; }
.search_contact input { border: none; padding: 10px 15px; padding-right: 40px; width: 100%; }
.add_contact_btn { float: right; margin-left: 10px; }
.add_contact_btn a { display: inline-block; text-align: center; color: #fff; font-size: 16px; font-weight: bold; background: #018d75; border-radius: 5px; padding: 12px 20px; }
.add_contact_btn a span { margin-right: 5px }
.export_contact_btn { border: 1px solid #e1e1e1; border-radius: 5px; position: relative; float: right; margin-left: 10px; }
.export_contact_btn a { display: inline-block; text-align: center; color: #868686; font-size: 16px; font-weight: bold; background: #fff; border-radius: 5px; padding: 10px 20px; }
.export_contact_btn a span { margin-right: 5px }
.modal-open .modal { padding: 15px !important; z-index: 3/*9999999*/; }
.form_field textarea { font-size: 14px; color: #9f9f9f; border: 1px solid #e1e1e1; height: 100px; padding: 10px 15px; width: 100%; border-radius: 5px; resize: none; }
.modal-dialog { max-width: 767px; margin: 0 auto; }
.modal-body { padding: 15px 30px 30px; }
.modal-footer { padding: 30px; }
.modal-header { padding: 20px 30px; }
.form_field input[type=checkbox]:not(old), .form_field input[type=radio ]:not(old) { width : 2em; margin : 0; padding : 0; font-size : 1em; opacity : 0; height: 100%; }
.form_field input[type=checkbox]:not(old) + label, .form_field input[type=radio ]:not(old) + label { display : inline-block; margin-left : -2em; line-height : 1.5em; }
.form_field input[type=checkbox]:not(old) + label > span, .form_field input[type=radio ]:not(old) + label > span { display : inline-block; width : 20px; height : 20px; margin : 0.25em 0.5em 0.25em 0.25em; border : 0.0625em solid rgb(192,192,192); background : #fff; vertical-align : bottom; }
.form_field input[type=checkbox]:not(old):checked + label > span:before { content : '✓'; display : block; width: 1.2em; color : rgb(1, 141, 117); font-size : 0.875em; line-height: 1.3em; text-align : center; font-weight : bold; }
.form_field input[type=radio]:not(old):checked + label > span > span { display : block; width : 0.5em; height : 0.5em; margin : 0.125em; border : 0.0625em solid rgb(115,153,77); border-radius : 0.125em; background : rgb(153,204,102); background-image : -moz-linear-gradient(rgb(179,217,140), rgb(153,204,102)); background-image : -ms-linear-gradient(rgb(179,217,140), rgb(153,204,102)); background-image : -o-linear-gradient(rgb(179,217,140), rgb(153,204,102)); background-image : -webkit-linear-gradient(rgb(179,217,140), rgb(153,204,102)); background-image : linear-gradient(rgb(179,217,140), rgb(153,204,102)); }
.modal-backdrop { z-index: 2/*999999*/; }
.add_contact_btn a:hover { background: #000 }
.export_contact_btn a:hover { background: #000; color: #fff }
.modal-open { padding: 0 !important; }
.modal-open { overflow: hidden; }
.close_toggle { display: none; position: absolute; left: 0px; background: #018d75; color: #fff; width: 35px; text-align: center; height: 50px; line-height: 50px; font-size: 21px; top: 50%; }
.mobile_filter .fa-times { display: none; }
.login_header { text-align: center; }
.login_section { padding: 60px 0 }
.login_tittle { background: url(../images/ribbon.png) no-repeat; background-position: center center; background-size: 100% 100%; position: absolute; left: 0; top: 0; width: 100%; height: 103px; }
.login_tittle h2 { font-size: 25px; color: #fff; text-align: center; text-transform: uppercase; padding: 25px 15px; font-weight: 400 }
.login_form { max-width: 600px; margin: 0 auto; position: relative; padding: 80px 27px 0; }
.login_box { box-shadow: 0 0px 8px 0px hsla(0, 0%, 0%, 0.08); background: #fff; padding: 40px; }
.login_box h5 { text-align: center; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; margin-bottom: 30px; }
.login_box .form_field label { position: absolute; left: 15px; top: 18px; font-size: 18px; color: #9f9f9f; }
.login_box .form_field { position: relative }
.login_box .form_field input { height: 58px; font-size: 18px; color: #3a3941; padding-left: 50px; font-family: 'Lato', sans-serif; font-weight: 300 }
.forget { font-family: 'Lato', sans-serif; font-weight: 700; color: #3a3941; font-size: 16px; margin: 15px 0 25px 0; display: inline-block; }
.login_box .green_btn { width: 100%; font-size: 22px; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: uppercase; padding: 15px; }
.create_account { border-top: 1px solid #ebebeb; text-align: center; padding-top: 20px; margin-top: 30px }
.create_account a { font-family: 'Lato', sans-serif; font-weight: 400; color: #3a3941; font-size: 18px; color: #018d75; font-size: 18px }
.create_account a:hover { color: #000; }
.forget:hover { color: #018d75; }
.mResAccordion .mResTabNav { display: none; }
.tabNav:before, .tabNav:after { content: " "; display: table; }
.tabNav:after { clear: both; }
.tabNav { list-style: none; padding: 0; margin: 0 }
.tabNav li { float: left; padding: 0 }
.mResTabAccordA { display: inline-block; text-decoration: none;  padding: 15px; color: #868686; background-color: #f8f9fa; font-size: 16px; font-weight: bold; border-top: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.tabNav li.active > .mResTabAccordA, .mResTabAccordA:hover, .mResTabAccordA.active { background-color: #fff; color: #000; text-decoration: none; }
.tabContainer .tabContent { padding: 30px; background-color: #fff; min-height: 445px; }
.tabContainer .tabContent { opacity: 0; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; }
.tabContainer .tabContent.mTabActive { opacity: 1; display: block; box-shadow: 0 0px 8px 0px hsla(0, 0%, 0%, 0.08); }
.mResTabbing .mResAccordAnchor { display: none; }
.mResAccordAnchor { display: block; margin-top: 15px; position: relative; background: #fff; border-radius: 0; border: 1px solid #ebebeb; }
.mResAccordAnchor > span { display: block; }
.mResAccordAnchor > span:after { display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 30px; padding: 5px; text-align: center; font-size: 20px; content: '+'; line-height: 34px; }
.mResAccordAnchor.active > span:after { content: '--'; }
.mTabAnimated .tabContainer { position: relative; }
.mTabSimple .tabContent, .mTabAnimated .hideAfterAnim { display: none; }
.defaultState { position: absolute; left: 0; top: 0; }
.animBlock { -webkit-transition: all 600ms ease-in; -moz-transition: all 600ms ease-in; -ms-transition: all 600ms ease-in; -o-transition: all 600ms ease-in; transition: all 600ms ease-in; }
.mTabAnimated .hideAfterAnim { -moz-transform: translateX(0px) translateY(0px); -webkit-transform: translateX(0px) translateY(0px); -o-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px); }
.mTabAnimated .defaultState { -moz-transform: translateY(100px); -webkit-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); }
.mTabAnimated .mTabActive { -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.job_input { position: relative; padding-right: 95px; }
.job_icon { position: absolute; top: 0; right: 0; }
.job_icon a { display: inline-block; border: 1px solid #e1e1e1; font-size: 18px; text-align: center; height: 38px; line-height: 38px; border-radius: 5px; width: 38px; color: #018d75; margin-left: 5px; }
.jab_section { border-bottom: 1px solid #dadbe1; margin-bottom: 30px; padding-bottom: 30px; }
.form_field .form_switch { margin: 5px 0 0 }
.form_field .form_switch label.switch { float: none; }
.tabContainer { }
.white_btn { background: #fff; text-align: center; color: #767676; border-radius: 5px; padding: 10px 15px; border: 1px solid #e1e1e1;display: inline-block; }
.white_btn:hover { background: #767676; color: #fff }
.tab_btn .green_btn { margin-right: 20px }
.tab_btn button { margin-top: 20px }
.form_field input[type="date"] { text-transform: uppercase; background: url(../images/calender.png) no-repeat; background-position-x: 0%; background-position-y: 0%; background-position: right 10px top 10px; padding: 10px 35px 10px 10px; cursor: pointer; }
.download_btn { font-size: 20px; color: #3498db; }
.responsive_table table tr td .form_switch label.switch { float: none; }
.responsive_table table tr td .form_switch { margin: 0 }
jab_section .add_contact_btn { margin-top: 0; }
.form_field .export_contact_btn { float: none; display: inline-block; margin-left: 0; margin-top: 20px; }



.form_field p{margin-bottom:10px;}


.border_none{border-bottom:none; margin:0; padding:0}

	.form_field .form_switch label.switch { float: none; }
	
	.address_box{border:1px solid #dadbe1; padding:20px}
	
	.iovoice_message{max-width:300px; width:100%;}
	
	.form_field p b{font-weight:bold; color:#000;}
	
	.form_field .page_tittle{margin-bottom:10px;}
	
	
	.jab_section .page_tittle{margin-bottom: 15px;}