@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans.eot');
    src: url('../fonts/NotoSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NotoSans.woff2') format('woff2'),
        url('../fonts/NotoSans.woff') format('woff'),
        url('../fonts/NotoSans.ttf') format('truetype'),
        url('../fonts/NotoSans.svg#NotoSans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Regular.eot');
    src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('../fonts/ProximaNova-Regular.woff') format('woff'),
        url('../fonts/ProximaNova-Regular.ttf') format('truetype'),
        url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Bold.eot');
    src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Bold.woff') format('woff'),
        url('../fonts/ProximaNova-Bold.ttf') format('truetype'),
        url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('../fonts/ProximaNova-Semibold.eot');
    src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Semibold.woff') format('woff'),
        url('../fonts/ProximaNova-Semibold.ttf') format('truetype'),
        url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('../fonts/ProximaNova-Light.eot');
    src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Light.woff2') format('woff2'),
        url('../fonts/ProximaNova-Light.woff') format('woff'),
        url('../fonts/ProximaNova-Light.ttf') format('truetype'),
        url('../fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}



/* #General Styles
================================================== */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; list-style: none; }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.eu html, .eu body, .eu div, .eu span, .eu applet, .eu object, .eu iframe, .eu a, .eu img, .eu select, .eu input, .eu option { margin: 0; padding: 0; border: 0; outline: 0; }
.eu html { -webkit-text-size-adjust: none; }
.eu button, .eu input, .eu select, .eu textarea { font-size: 100%; margin: 0; vertical-align: baseline; box-shadow: none; }
.eu input[type="button"], .eu input[type="submit"] { -webkit-appearance: none !important; }
.eu a { text-decoration: none; }
.eu img { border: 0 none; max-width: 100%; vertical-align: top; }
.eu a { outline: none; cursor: pointer; }
.eu a:hover { text-decoration: none; }
.eu a:focus { text-decoration: none !important; outline: none !important; }
.eu .clear { clear: both; }
.eu img { max-width: 100%; }
.eu button:focus {outline:0;}
.eu .text-transform { text-transform: uppercase; }
.eu .break { float: left; width: 100%; }
.eu .preloader { display: none; }
.eu img { vertical-align: bottom; }


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

/* Firefox */
input[type=number] {-moz-appearance:textfield;}


/*Placeholder opacity cross browsers*/
.eu input::-webkit-input-placeholder {
color: #fff;
opacity:1;
}
.eu input:-moz-placeholder {
color: #fff;
opacity:1;
}
.eu input::-moz-placeholder {
color: #fff;
opacity:1;
}
.eu input:-ms-input-placeholder {
color: #fff;
opacity:1;
}
.eu textarea::-webkit-input-placeholder {
color: #fff;
opacity:1;
}
.eu textarea:-moz-placeholder {
color: #fff;
opacity:1;
}
.eu textarea::-moz-placeholder {
color: #fff;
opacity:1;
}
.eu textarea:-ms-input-placeholder {
color: #fff;
opacity:1;
}
.eu button::-moz-focus-inner, .eu input[type="submit"]::-moz-focus-inner {
border: 0;
}
.eu #login-form .sbSelector a{
    color: #000 !important;
}
.sbSelector{color: #757575 !important;}
/* #Page Structure
================================================== */
body.eu { margin: 0; padding: 0; font-size: 16px; color: #000; background: #fff; font-family: 'Proxima Nova Rg',  sans-serif; font-weight: 400;}
.eu .wrapper { width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; opacity: 0;     height: 100vh;overflow-y: scroll;}
.eu .main { max-width: 976px; margin: 0 auto; }
.eu a, .eu button { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.eu .flw{float:left; width:100%;}
.eu h2{font-size:40px; line-height:1.1; font-family: 'Proxima Nova Rg'; font-weight:bold;}
.eu h3 { font-size: 28px; line-height: 1.1; font-weight: bold; }

/* Home Page Style
 ================================================== 


/***** header styles goes here *****/
.eu header{float:left; width:100%;}
.eu.home .left_logo{    padding: 62px 50px;}
.eu .left_logo { float: left; width: 70%; padding: 50px; }
.eu .right_logo { float: right; width: 30%; padding: 48px 45px; text-align: right; background: #fe6e0f; line-height: 50px;}
.eu header img {max-width: 85px; width:100%; vertical-align: middle; display:inline-block;}
.eu .left_logo a { float: left; margin-right: 20px; }
.eu .left_logo p { font-size: 10px; display:inline-block; line-height: 20px;     margin-left: 5px;}
.eu.activity .right_logo , .eu.module_scratch .right_logo , .eu.module_form .right_logo , .eu.add_client .right_logo  {line-height: 50px;}



/***** header styles end *****/

/***** mid container styles goes here *****/
.eu .mid-container{width:100%;float:left;}
/***** mid container styles end *****/


/* Right Menu css Start */


.eu .right_static_menu { float: left; width: 100%; background: #fff; max-width: 350px; }
.eu .jane_intro { padding: 40px; float: left; width: 100%; }
.eu .left_jane_img { float: left; width: 70px; position: relative;}
.eu .right_jane_content { float: right; width: calc(100% - 90px); padding: 10px 0 0; }
.eu .right_jane_content h4 { font-size: 18px; color: #fe7112; font-family: 'Proxima Nova Lt'; font-weight: 600; margin-bottom: 0px; }
.eu .right_jane_content a { font-size: 12px; color: #808080; }
.eu .right_jane_content a:hover{color: #fe7112;}
.eu .left_jane_img img { z-index: 1; position: relative; }
/* .eu .left_jane_img::before{position:absolute; right:-4px; top:0; content:""; background-image:url("../images/before_right_menu_intro.png"); height:22px; width:22px;}	*/

.top_right { float: left; width: 100%; }
.top_right ul li {display: block;padding-right: 0;}
.top_right ul li a { font-size: 16px; line-height: 24px; color: #6d6e6d; width: 100%; display: inline-block; padding: 30px 10px 30px 40px; font-family: 'Noto Sans'; }
.top_right ul li a:hover {background: rgba(255,114,16,0.2);color: #fe7112;}
.top_right ul li.active a {background: rgba(255,114,16,0.2);color: #fe7112;}
.top_right ul li a img { vertical-align: middle; max-width: 45px; margin-left: 20px; }
.top_right ul li a img:last-child { margin-left: 10px; }


	
/* Right Menu css End */



/* Tollgate page-1 css start */

.eu .left_content_sec {float: left;width: 70%;}
.eu .right_img_sec {height: calc(100vh - 146px) !important; background-size: cover; width: 30%; float: right; position: relative; padding: 0 20px 20px 00px;}
.eu.home .right_img_sec::before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(164,19,122,0.2); content: ""; }
.eu .left_content_sec { float: left; width: 70%; background-size: 101% 85%; background-position: bottom; background-repeat: no-repeat; }
.eu .inner_welcome { float: right; max-width: 1070px; width: 100%; padding: 12% 0 7% 10%; background: rgba(240,128,0,0.62); }
.eu .inner_welcome h2 {color: #fff;    margin-bottom: 10px;}
.eu .inner_welcome p {font-size: 40px;line-height: 1;color: #fff;}
.eu .welcome_text {margin-bottom: 80px;}
.eu .frm_grp { float: left; width: 40%; margin-right: 3%; padding: 30px 0 30px 30px;}
.eu .frm_grp input , .eu .frm_grp textarea { background: transparent; font-size: 18px; border-bottom: 1px solid #fff; padding: 10px 10px 10px 35px; box-sizing: border-box;  color:#fff;width: 100%;font-family: 'Proxima Nova Lt'; border-radius:0;}
.eu .welcome_form { float: left; width: 100%; background: #d56339; margin-left: 17%; position: relative; z-index: 1; }
.eu .frm_grp.submit input { color: #d56339; text-align: center; width: 100%; padding: 65px 10px; cursor: pointer; border: none;  transition:all ease 0.5s;font-weight: 600;}
.eu .frm_grp.submit {background: #fff;margin-right: 0;float: right;width: 100%;     padding: 0;   transition:all ease 0.5s;}
.eu .left_form {width: 83%;float: left;}
.eu .right_form {width: 17%;float: left;}
.eu .pass_forget { float: left; width: 83%; text-align: right; padding: 0 0px 30px; margin-right: 3%; }
.eu .pass_forget a {font-size: 11px;color: #fff;font-family: 'Proxima Nova Lt';}
.eu .frm_grp.submit:hover{background:#000;}
.eu .frm_grp.submit:hover input{color:#fff;}
.eu .frm_grp.email input { background-image: url(../images/email_back.png); background-repeat: no-repeat; background-position: left center; background-size: 14px; }
.eu .frm_grp.pass input { background-image: url(../images/pass_back.png); background-repeat: no-repeat; background-position: left center; background-size: 14px; }

/* Tollgate page-1 css End */






/* Tollgate page-2 css Start */


.eu.activity .right_img_sec , .eu.module_scratch .right_img_sec , .eu.module_form .right_img_sec , .eu.add_client .right_img_sec {height: calc(100vh - 146px) !important;}
.eu .activity_left { padding: 5% 10% 20px; width: 50%; float: left; background: #efefef;     height: calc(100vh - 146px) !important;}
.eu .top_title {text-align: center;    margin-bottom: 50px;}
.eu .middle_activity li { padding: 0 0 20px; border-bottom: 1px solid #ccc; float: left; width: 100%;     margin-bottom: 20px;}
.eu .middle_activity li:last-child{margin-bottom:0; border-bottom:none;}
.eu .img_activity { float: left; width: 70px; }
.eu .content_activity { width: calc(100% - 100px); float: right; }
.eu .content_activity h4 { color: #fe7015; font-size: 16px; padding-bottom: 5px; }
.eu .content_activity p { font-size: 14px; line-height: 1.6; padding-bottom: 5px; color:#6d6e6d;}
.eu .content_activity span{font-weight:600;color:#6d6e6d; font-size: 14px; font-family: 'Proxima Nova Lt';}
.eu .middle_activity {float: left;width: 100%;margin-bottom: 30px;}
.eu .activity_left .btn_cls { float: left; width: 100%; text-align: center; }
.eu .btn_cls a { padding: 10px 30px; display: inline-block; background: #000; color: #fff; font-weight: 600; font-size: 14px; font-family: 'Proxima Nova Lt'; letter-spacing: 0.5px; }
.eu .btn_cls a:hover{background:#fe7015;}
.eu .activity_right { padding: 5% 40px 20px 0; width: 50%; float: left; background: #f7f7f7;height: calc(100vh - 146px) !important;}
.eu .sec_img_plan img { max-width: 550px; width: 100%; }
.eu .activity_right .top_title {margin-bottom: 90px;}
.eu .sec_img_plan {float: left;width: 100%;}
.eu .inner_plan_cont {float: left;width: 100%;}
.eu .plan_img { float: left; width: 100%; position: relative; margin-bottom: 100px;}
.eu ul.number_plan li { font-size: 40px; font-weight: bold; width: 31%; float: left; color: #fff; text-align: center; }
.eu .inner_plan_cont { float: left; width: 100%; position: absolute; left: 0; top: 45%; transform: translateY(-45%); max-width: 550px; }
.eu .last_portion { float: left; width: 100%; max-width: 550px; }
.eu .last_portion li { float: left; width: 31%; text-align: center; font-size: 14px; font-weight: 600; font-family: 'Proxima Nova Lt'; padding: 5px 10px; }
.eu ul.number_plan li:nth-child(2) {width: 23%;}
.eu ul.number_plan li:nth-child(3) { width: 46%; }
.eu .activity_right .btn_cls { float: left; width: 100%; text-align: center; }
.eu .activity_left .back_cls {float: left;width: 100%; padding-top: 50px;}



/* Tollgate page-2 css End */






/* Tollgate page-3 css Start */


.eu .inner_module_scratch_top {height: calc(100vh - 146px);}
.eu .right_logo a {color: #fff;margin-right: 10px;font-size: 12px;}
.eu .module_title {text-align: center;     margin-bottom: 60px;}
.eu .inner_module_scratch { float: left; width: 100%; padding: 0 10% 20px; }
.eu .module_title h3 {position:relative;}
.eu .module_title h3::after{background-image: url("../images/module_right_img.png");background-repeat: no-repeat; position:absolute; right:0; top:50%; transform:translateY(-50%); content:"";    width: 72px;height: 15px;background-size: cover;}
.eu .module_desc p {font-size: 18px;line-height: 1.3;}
.eu .module_desc {float: left;width: 100%;margin-bottom: 30px;}
.eu .form_information { margin-bottom: 30px; float: left; width: 100%; }
.eu .form_information h4 {font-size: 20px;}
.eu .title_module_main {float: left;width: 100%;}
.eu .form_module .frm_grp { background: #f6f6f6; padding: 20px; margin: 0; width: 100%; margin-bottom: 20px; }
.eu .form_module .frm_grp label { font-size: 16px; color: #fe7015; font-weight: bold; }
.eu .form_module .frm_grp input, .eu .form_module .frm_grp textarea, .eu .form_module .frm_grp select { border: none; padding: 10px 0 0; color: #000; font-weight: bold; background: transparent; width: 100%; }
.eu .form_module .frm_grp select { -webkit-appearance: none; -moz-appearance: none; background-image: url(../images/select_after.png); background-repeat: no-repeat; background-position: right center; padding-right: 25px; }


.eu .form_module .frm_grp input::placeholder{color:#aeaeae;}
.eu .form_module .frm_grp textarea::placeholder{color:#aeaeae;}
.eu .form_module .frm_grp textarea:focus{outline:0;}
.eu .form_module .frm_grp textarea {height: 120px;}
.eu .grp_check h5 {font-size: 18px;     margin-bottom: 20px;}
.eu .form_module .grp_check { float: left; width: 100%; margin-top: 20px; }
.eu .form_grp_check { float: left; margin-right: 30px; }
.eu .form_module input[type="radio"] {display: none;}
.eu .form_grp_check:last-child {margin-right: 0;}
.eu .form_grp_check label {
    font-size: 16px;
    width: auto;
    color: #000;
    padding-top: 4px;
    text-align: left;
    padding-bottom: 4px;
}

.eu .form_grp_check input[type="radio"]:not(old) + label {
    background-image: url(../images/check-off.png);
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: left 3px;
    display: inline-block;
    float: left;
    cursor: pointer;
    padding-left: 40px;
}

.eu .form_grp_check input[type="radio"]:not(old):checked + label {
    background-image: url(../images/check-on.png);
}


.eu .form_grp_check input[type="checkbox"]:not(old) + label {
    background-image: url(../images/check-off.png);
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: left 3px;
    display: inline-block;
    float: left;
    cursor: pointer;
    padding-left: 40px;
}

.eu .form_grp_check input[type="checkbox"]:not(old):checked + label {
    background-image: url(../images/check-on.png);
}

.eu .form_grp_check input[type="checkbox"]{display:none;}

.eu .btn_module.btn_cls { float: left; width: 100%; margin-top: 40px; }
.eu .btn_module.btn_cls .go_back{background-color:#aeaeae; margin-right:10px;}
.eu .form_module {float: left;width: 100%;}


/* Tollgate page-3 css End */




.eu .left_form .form_grp_check_white label {
    font-size: 16px;
    width: auto;
    color: #000;
    padding-top: 4px;
    text-align: left;
    padding-bottom: 4px;
}

.eu .left_form .form_grp_check_white input[type="radio"]:not(old) + label {
    background-image: url(../images/check-off-white.png);
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: left 3px;
    display: inline-block;
    float: left;
    cursor: pointer;
    padding-left: 40px;
}

.eu .left_form .form_grp_check_white input[type="radio"]:not(old):checked + label {
    background-image: url(../images/check-on-white.png);
}


.eu .left_form .form_grp_check_white input[type="checkbox"]:not(old) + label {
    background-image: url(../images/check-off-white.png);
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: left 3px;
    display: inline-block;
    float: left;
    cursor: pointer;
    padding-left: 40px;
}

.eu .left_form .form_grp_check_white input[type="checkbox"]:not(old):checked + label {
    background-image: url(../images/check-on-white.png);
}

.eu .left_form .form_grp_check_white input[type="checkbox"]{display:none;}




/* Tollgate page-4 css Start */



.eu .module_form_4 {float: left;width: 100%;}
.eu .module_form_4 .module_title {padding: 30px;background: #f7f7f7; margin-bottom:0;}
.eu .saved_btn.btn_cls { float: right; top: -35px; position: relative; }
.eu .saved_btn.btn_cls a { background-color: #7ac443; padding: 10px 10px 10px 30px; position: relative; }
.eu .saved_btn.btn_cls a::before { position: absolute; left: 7px; content: ""; top: 50%; width: 16px; height: 11px; background-image: url(../images/saved_right.png); transform: translateY(-50%); }
.eu .module_form_4 .module_title h3::after {right: 97px;}
.eu .inner_slider {width: 100%;float: left; margin-bottom: 40px;}
.eu.module_form .module_form_4 {background: #efefef;}
.eu .module_slider {  padding: 40px 7%;}
.eu .title_template { text-align: center; margin: 0 0 30px;  }
.eu .title_template h3 {font-weight: normal;color: #fe7015;}
.eu .item_inner { background: #fff; padding: 20px 10px; }
.eu .module_form_title {text-align: center; margin-bottom:20px;}
.eu .module_form_title h4{color:#fe7015; font-size:14px;}
.eu .inner_slider .slick-slide{margin: 0 15px;}
.eu .inner_slider .slick-list {padding: 0 !important;margin: 0 30px!important;}
.eu .slider_form .frm_grp { float: left; width: 100%; margin: 0 0 10px 0; padding: 0; }
.eu .slider_form .frm_grp input { background: #efefef; text-align: center; font-size: 14px; padding: 7px; color: #949494;  font-family: 'Proxima Nova Lt'; font-weight:600;}
.eu .slider_form .frm_grp input::placeholder{color: #949494;}
.eu .slider_form .frm_grp:nth-child(2) , .eu .slider_form .frm_grp:nth-child(8) {width: 49%;}
.eu .slider_form .frm_grp:nth-child(3) , .eu .slider_form .frm_grp:nth-child(9) { float:right; width: 49%;}
.eu .inner_slider button.slick-arrow { height: 100%; padding: 0 25px; background: #f5f5f5; }
.eu .inner_slider .slick-next:before { background-image: url(../images/slider_right_arrow.png); content: ""; width: 15px; height: 28px; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; }

.eu .inner_slider .slick-prev:before { background-image: url(../images/slider_left_arrow.png); content: ""; width: 15px; height: 28px; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; }

.eu .slider_form {float: left;width: 100%;}
.eu .slider_form .frm_grp.submit { text-align: center; margin-bottom: 0; margin-top: 10px; }
.eu .slider_form .frm_grp.submit input { 	background: #000; 	width: auto; 	padding: 10px 40px; 	color: #fff; 	margin-bottom: 0;  cursor:pointer;}
.eu .slider_form .frm_grp.submit:hover{background:transparent;}
.eu .slider_form .frm_grp.submit input:hover{background:#fe7015;}
.eu .back_cls a {color: #aeaeae;font-size: 14px;}
.eu .back_cls a:hover{color: #fe7015;}

/* Tollgate page-4 css End */



/* Tollgate page-5 css start */

.eu .draft.saved_btn.btn_cls a {background: #aeaeae; padding:10px;}
.eu .draft.saved_btn.btn_cls a::before{display:none;}
.eu .add_client_1 .module_title h3::after{display:none;}
.eu .add_client_info { float: left; width: 100%; padding: 40px 10%; }
.eu .module_form_4{height: calc(100vh - 146px);}
.eu .add_client_info .form_module .frm_grp:nth-child(3), .eu .add_client_info .form_module .frm_grp:nth-child(4) {width: 32%;margin-right: 1.88%;}
.eu .add_client_info .form_module .frm_grp:nth-child(5) {width: 32%;}
.eu .add_client_info .form_module .frm_grp:nth-child(7) {width: 60%;margin-right: 1.88%;}
.eu .add_client_info .form_module .frm_grp:nth-child(8) {width: 38%;}
.eu .form_module .grp_check p {font-size: 18px;line-height: 1.3;margin-bottom: 10px;font-family: 'Proxima Nova Lt'; font-weight:600;}
.eu .add_client_1 .form_grp_check {  width: 20%; margin-bottom: 15px; }
.eu .add_client_1 .grp_check h5{    margin-bottom: 30px;}
.eu .grp_check.plans .form_grp_check {width: auto;}
.eu .last_sec_module { float: left; width: 100%; margin-top: 20px; }
.eu .btn_cls.client_btn { float: left; width: 100%; margin-top: 20px; }





/* Tollgate page-5 css End */



/* Tollgate page-6 css Start */

.eu .client_plan_1.module_form_4 .module_title h3::after{display:none;}
.eu .btn_plans {padding-top: 20px;}
.eu .btn_plans button { padding: 10px 20px 10px 40px; font-size: 14px; margin: 0 5px 10px; background: transparent; box-shadow: none; border-radius: 5px; border: 1px solid #000; cursor: pointer; position: relative;      color: #4D4D4D; font-weight:600;font-family: 'Proxima Nova Lt';}
.eu .btn_plans button.all_plans{background-color:#E1E1E1; border-color:#E1E1E1; padding:10px 20px 10px 20px;}
.eu .btn_plans button.approved:hover{background:#7ACE38; border-color:#7ACE38; color:#fff} 
.eu .btn_plans button.pending_plan:hover{background:#FE7015; border-color:#FE7015; color:#fff} 
.eu .btn_plans button.pending_internal:hover{background:#E81C24; border-color:#E81C24; color:#fff} 
.eu .btn_plans button.all_plans:hover{background:#000; border-color:#000; color:#fff} 
.eu .btn_plans button::before{ position: absolute; left: 12px; top: 50%; width: 8px; height: 8px; content: "";  border-radius: 50%; transform: translateY(-50%); }
.eu .btn_plans button.approved::before{background-color: #A3E91D;}
.eu .btn_plans button.pending_plan::before{background-color: #E81C24;}
.eu .btn_plans button.pending_internal::before{background-color: #FE7015;}
.eu .btn_plans button.all_plans::before{display:none;}

.eu .client_regards { float: left; width: 100%; padding: 50px 10% 140px; }

.eu .corp_pending { width: 48%; border-radius: 5px; box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1); padding: 30px 20px ;  position:relative; margin-bottom:4%;}
.eu .corp_pending:nth-child(odd) {float: left;}
.eu .corp_pending:nth-child(even) {float: right;}
.eu .corp_pending .image_corp { float: left; width: 70px; }
.eu .corp_pending .image_corp img{width:100%;}
.eu .corp_pending .right_cont_corp {float: right;width: calc(100% - 90px);}
.eu .corp_pending .right_cont_corp h4 { font-size: 20px; margin-bottom: 5px; }
.eu .corp_pending .right_cont_corp span { font-size: 14px; margin-bottom: 5px; color:#FE7015; display:block;}
.eu .corp_pending .right_cont_corp p { font-size: 14px; margin-bottom: 5px; color:#000;}
.eu .corp_pending .right_cont_corp .edit_status a { font-size: 12px; margin-bottom: 5px; color:#949494; text-decoration:underline; margin-right: 5px; font-family: 'Proxima Nova Lt'; font-weight:600;}

.eu .corp_pending .right_cont_corp .edit_status a:hover{text-decoration:none;}

.eu .lower_comp input[type="radio"] {display: none;}
.eu .lower_comp { float: left; width: 200px; padding: 20px; background: rgba(102, 102 , 102, 0.9); border-radius: 7px; position: absolute; top: 140px; z-index: 9;  display:none;    left: -40px;}
.eu .lower_comp .form_grp_check { width: 100%; margin-right: 0; margin-bottom: 10px; }
.eu .lower_comp .form_grp_check input[type="radio"]:not(old) + label { width: 100%; margin-right: 0; background-image: none; padding: 10px; text-align: center; color: #fff; border: 1px solid#fff; border-radius: 10px; }

.eu .lower_comp .form_grp_check input[type="radio"]:not(old):checked + label {background: #AEAEAE;border-color: #AEAEAE;}
.eu .lower_comp button { width: 100%; padding: 15px; background: #FE7015; border: none; color: #fff; cursor: pointer; }
.eu .lower_comp button:hover{background:#000;}
.eu .lower_comp::before { display: inline-block; content: ""; width: 0; height: 0; background: #fff; position: absolute; top: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(102, 102 , 102, 0.9); left: 50%; transform: translateX(-50%); }
.eu .corp_pending .image_corp a {display: inline-block;width: 100%; position:relative;}
.eu .corp_pending .image_corp a::after {     position: absolute;     left: 50%;     bottom: -6px;     content: "";     background-image: url(../images/pencil_edit.png);     width: 17px;     height: 17px;     transform: translateX(-50%);     opacity: 0; }

.eu .corp_pending .image_corp a:hover::after{opacity:1;}

/* Tollgate page-6 css End */




/* Tollgate page-7 css start */


.eu .client_plan_1 .module_title img { max-width: 47px; vertical-align: middle; margin-right: 15px; display: inline-block; margin-top: -10px; }
.eu .client_plan_1 .module_title h3{display:inline-block;}
.eu .inner_client_doc{padding:40px 7%;     float: left;width: 100%;}
.eu .inner_client_doc .title_template {margin-bottom: 40px;}
.eu .add_box{width: 48%;position: relative; margin-bottom: 4%;} 
.eu .add_box:nth-child(odd) {float: left;}
.eu .add_box:nth-child(even) {float: right;}
.eu .add_box a {display: inline-block;width: 100%;border-radius: 5px; box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1); padding: 40px 20px;  transition: all ease 0.5s; }
.eu .add_box a:hover{background:#C7C7C7;}
.eu .upper_box {display: table;width: 100%;}
.eu .upper_box .left_box_1 { width: 50%; display: table-cell; vertical-align: middle; text-align: center; padding: 0 20px;}
.eu .upper_box .right_box_1 { width: 50%; display: table-cell; vertical-align: middle;}
.eu .upper_box .right_box_1 h4 {color: #000;font-size: 18px; }
.eu .upper_box .right_box_1 p {color: #000; margin-top:5px;}
.eu .upper_box .right_box_1 p span{font-weight:bold;}
.eu .upper_box .left_box_1 .hover_pos { position: absolute; left: 20%; top: 50%; transform: translate(-20% , -50%); visibility: hidden; }
.eu .add_box a:hover .hover_pos{visibility:visible;  transition: all ease 0.5s; }
.eu .inner_client_doc .btn_cls {float: left; width: 100%; text-align: center; }
.eu .inner_client_doc .btn_cls a{background:#AEAEAE; }


/* Tollgate page-7 css End */


/* Tollgate page-8 css Start */


.eu .module_select .add_box:nth-child(even){float:left;}
.eu .module_select .add_box {width: 32%;margin-right: 2%; border-radius: 5px;box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1);padding: 40px 20px;transition: all ease 0.5s;}
.eu .module_select .add_box:nth-child(3n){margin-right:0;}
.eu .module_select .upper_box{width:100%;float: left;}
.eu .module_select .upper_box .right_box_1{width:100%; display:block; text-align:center; margin-bottom:30px;} 
.eu .module_select .upper_box .left_box_1{width:100%; display:block; text-align:center; margin-bottom: 30px;}
.eu .inner_client_doc .module_select .btn_cls a { background: #000; width: auto; padding: 10px 30px; box-shadow: none; border-radius: 0; }
.eu .inner_client_doc .module_select .btn_cls{opacity:0; transition: all ease 0.5s;}
/* .eu .module_select .add_box:hover{background: #C7C7C7;} */
.eu .module_select .add_box:hover .btn_cls{opacity:1;}
.eu.select_module .client_plan_1 .module_title h3::before{background-image: url(../images/module_right_img.png); background-repeat: no-repeat; position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ""; width: 72px; height: 15px; background-size: cover; } 
	
.eu.select_module .client_plan_1 .module_title h3{width:100%; position:relative;}
.eu .inner_client_doc .back_cls { float: left; width: 100%; padding-top: 50px; }

/* Tollgate page-8 css End */



/* Tollgate page-9 css Start */

.eu.custom_module .client_plan_1 .module_title h3 {display: inline-block; width:100%; }
.eu.custom_module .client_plan_1 .module_title h3::after{display:block;}
.eu .module_custom_data { padding: 40px 7%; float: left; width: 100%; }
.eu.custom_module .module_form_4 .module_title{background:#fff;}
.eu .title_template p { text-align: left; margin-top: 40px; font-size: 18px; line-height: 1.4; }
.eu .additive_contain { padding: 20px; box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1); border-radius: 5px;      float: left;width: 100%;     margin-bottom: 40px;}
.eu .additive_contain:last-child{margin-bottom:0;}
.eu .additive_contain .btn_plans {padding: 10px 0 30px; }
.eu .additive_contain .content_dash { font-size: 18px; color: #000; font-weight: bold; padding: 10px 10px 6px 50px; display: inline-block; width: 100%; position: relative; }
.eu .additive_contain .content_dash::after{content:"";background-image:url("../images/module_add.png");}
.eu .additive_contain .content_dash::after { content: ""; background-image: url(../images/module_add.png); left: 0; top: 0; width: 35px; height: 35px; position: absolute; }

.eu .additive_contain .btn_plans button:hover , .eu .additive_contain .btn_plans button:active{ background:#fe7015; border-color:#fe7015;}
.eu .additive_contain .btn_plans button::before { content: "+"; background: none; height: auto; width: auto; font-size: 24px; color: #C7C7C7;  transition: all ease 0.5s;}
.eu .additive_contain .btn_plans button.pending_plan::before , .eu .additive_contain .btn_plans button.pending_internal::before {
    background:none;
}
.eu .additive_contain .btn_plans button:hover::before{ color:#fff;}
.fancybox-inner { overflow: hidden; width: 100% !important; height: auto !important; position: relative; } 	
#content_popup, #content_update_popup, #content_confirm_popup, #content_confirm_delete_popup  {padding: 40px 60px; display:none;     float: left; width:100%;}
.eu .data_fancy_box h2 { font-size: 28px; width: 100%; margin-bottom: 40px; }
.eu .fancybox-inner {width: 800px !important; background:#fff;}
.eu .popup_btn .cancel_popup{background:#AEAEAE; margin-right:10px;}
.eu .popup_btn a{ background: #FE7015;}
.eu .additive_contain .btn_plans{position:relative;}
.eu .additive_contain .lower_comp{top: 65px;     left: 0px;     width: 300px;}
.eu .additive_contain .lower_comp button { width: 48%; background: transparent; border: 1px solid #fff; padding: 10px 10px 10px 30px; margin: 0 0 10px; }
.eu .additive_contain .lower_comp button:hover{background:#aeaeae; border-color:#aeaeae;}
.eu .additive_contain .lower_comp button:nth-child(odd){float:left;}
.eu .additive_contain .lower_comp button:nth-child(even){float:right;}
.eu .additive_contain .lower_comp::before {left: 30%;}

.eu .additive_contain .btn_plans button.Heading_add::before { background-image: url(../images/heading_before.png); content: ""; height: 19px; width: 20px; background-repeat: no-repeat; background-size: cover; border-radius: 0; }

.eu .additive_contain .btn_plans button.button_add::before { background-image: url(../images/button_before.png); content: ""; height: 19px; width: 20px; background-repeat: no-repeat; background-size: 20px; border-radius: 0; background-position: center; }

.eu .additive_contain .btn_plans button.Separtor::before { background-image: url(../images/seperator_before.png); content: ""; height: 19px; width: 20px; background-repeat: no-repeat; background-size: 20px; border-radius: 0; background-position: center; }

.eu .additive_contain .btn_plans button.text_block::before { background-image: url(../images/Table_before.png); content: ""; height: 19px; width: 20px; background-repeat: no-repeat; background-size: 10px; border-radius: 0; background-position: center; }

.eu .additive_contain .btn_plans button.Table::before { background-image: url(../images/table_block_before.png); content: ""; height: 19px; width: 20px; background-repeat: no-repeat; background-size: 20px; border-radius: 0; background-position: center; }



#heading_button::before { background-image: url(../images/heading_before.png); content: ""; height: 19px; width: 20px; background-repeat: no-repeat; background-size: cover; border-radius: 0; }
.button_add::before { background-image: url(../images/button_before.png); content: ""; height: 19px; width: 20px; background-repeat: no-repeat; background-size: 20px; border-radius: 0; background-position: center; }
.Separtor::before { background-image: url(../images/seperator_before.png); content: ""; height: 19px; width: 20px; background-repeat: no-repeat; background-size: 20px; border-radius: 0; background-position: center; }
.text_block::before { background-image: url(../images/Table_before.png); content: ""; height: 19px; width: 20px; background-repeat: no-repeat; background-size: 10px; border-radius: 0; background-position: center; }
.Table::before { background-image: url(../images/table_block_before.png); content: ""; height: 19px; width: 20px; background-repeat: no-repeat; background-size: 20px; border-radius: 0; background-position: center; }


/* Tollgate page-9 css End */

#variables_table input{	
	border: 1px solid black;
	border-radius: 5px;
	padding: 10px 15px 10px 15px;
	width: 90%;
	line-height: 20px;
}

#variables_table select{
	border: 1px solid black;
	border-radius: 5px;
	height: 40px;
	width: 90%;
	line-height: 20px;
}

.draggable{

	padding-left: 50px;

}

.error{

	color: red;
	font-size: 24px;

}

.wide_btn { font-size: 18px; color: #000; font-weight: bold; padding: 10px 10px 6px 50px; display: inline-block; width: 100%; position: relative; }


.avatar-circle {
  width: 69px;
  height: 69px;
  background-color: #fe7112;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.initials {
  position: relative;
  top: 17px; /* 25% of parent */
  font-size: 35px; /* 50% of parent */
  line-height: 35px; /* 50% of parent */
  color: #fff;
  font-family: 'Proxima Nova Rg';
  font-weight: bold;
}