body.frontend { padding-top:0 !important; font-family: 'Roboto', sans-serif; padding-bottom:0 !important; font-size:16px; background-image:url('../images/bodybg.jpg') !important;}
body.frontend #wrapper { display:block; }
h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; }

.social-media-container{
	display: block;
	position: relative;
	width: auto;
	margin: 20px auto;
	text-align: center;
	padding: 0px;
	color:#FFF;
}
.social-media-container ul{
	display:inline-block;
	margin: 0px auto;
	padding: 0px;
}
.social-media-container ul li{
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	margin: 0 5px;
	border: 1px solid #DDD;
}
.social-media-container ul li i{
	
}
.social-media-container ul li a{
	display:block;
}


body.frontend .btn { padding:10px 25px; border-radius:10px; font-size:16px; }
body.frontend .btn-orange { background:#F05033; color:#ffffff; }

body.frontend .sidebar .sidebar-brand .sidebar-brand-icon img { width:300px; }
body.frontend .sidebar .sidebar-brand .sidebar-brand-text { color:#F05033; font-weight:600; display:inline-block; font-size:22px; color:#666666; }

body.frontend .topbar.navbar-light .navbar-nav .nav-item .nav-link,
body.frontend .topbar.navbar-light .navbar-nav .nav-item .nav-link span { font-size:16px; color:#333333; }
body.frontend .sidebar .nav-item .nav-link { width:auto; }
body.frontend .sidebar .nav-item .nav-link.nav-link-logout { color:#FF4C0D !important; text-decoration:underline; }
body.frontend .dropzone { border: 2px dashed rgba(255,255,255,0.5); background: rgba(255,255,255,0.3); }
body.frontend .dropzone .dz-message .dz-button { color:#ffffff; font-size:20px; }

body.frontend .sw-theme-dots > .nav .nav-link { position:relative; }
/*body.frontend .sw-theme-dots > .nav .nav-link.done:after { background:#FF4C0D; content:""; position: absolute; top: 18px; left: 0; width: 100%; height: 5px; border-radius: 3px; z-index: 1; }*/
body.frontend .sw-theme-dots > .nav .nav-link.done { color:#ffffff !important; }
body.frontend .sw-theme-dots > .nav li { padding:0; }
body.frontend .sw-theme-dots > .nav .nav-link::after { background:#555555 !important; }
body.frontend .sw-theme-dots > .nav .nav-link.active { color:#FF4C0D !important; }
body.frontend .sw-theme-dots > .nav .nav-link.done::after,
body.frontend .sw-theme-dots > .nav .nav-link.active::after { background:#FF4C0D !important; }
body.frontend .sw-theme-dots > .nav::before { background:rgba(255,255,255,0.3); }

body.frontend .topbar .dropdown .dropdown-menu { padding:0; border-radius:0; font-size:16px; border:0; }
body.frontend .topbar .dropdown .dropdown-menu .dropdown-item { padding:8px 20px; min-width:200px; }
body.frontend .topbar .dropdown .dropdown-menu .dropdown-item path { color:#555555; }
body.frontend .topbar .dropdown .dropdown-menu .dropdown-item:hover { background:#FF4C0D; }
body.frontend .topbar .dropdown .dropdown-menu .dropdown-item:hover,
body.frontend .topbar .dropdown .dropdown-menu .dropdown-item:hover path { color:#ffffff; fill:#ffffff; }

body.frontend #wrapper #accordionSidebar { width:100% !important; position:relative; z-index:100; padding:0; min-height:inherit; background:rgba(255,255,255,0.8);  }
body.frontend #wrapper #accordionSidebar .navbar { float: right; position: absolute; z-index:100; right: 0; top: 50%; transform: translate(0,-50%); }
body.frontend #wrapper #content-wrapper { background:rgba(0,0,0,0.8); padding:30px; color:#ffffff; }
body.frontend #wrapper .toolbar.toolbar-bottom { text-align:center !important; }
body.frontend #wrapper .toolbar.toolbar-bottom .btn { background:#FF4C0D; border:0; padding:10px 30px; border-radius:15px; margin:0 10px 10px; text-transform:uppercase; font-size:16px; font-weight:bold; }
body.frontend #wrapper .toolbar.toolbar-bottom .btn.btn-cancel { background:transparent; color:#FF4C0D; }

body.frontend #wrapper #content-wrapper .form-control,
body.frontend #wrapper #content-wrapper .form-control:focus { background:rgba(255,255,255,0.2); padding:10px; height:auto; color:#ffffff; border:2px solid rgba(255,255,255,0); font-size:1.5rem; }
body.frontend #wrapper #content-wrapper select.form-control option { color:#333333;}
body.frontend #wrapper #content-wrapper .form-control:focus { box-shadow:0 0 7px 1px #4e73df; border-color:#4e73df; }
body.frontend #wrapper #content-wrapper .field-error .form-control { border-color:#ff1a1a; margin-bottom:10px; }
body.frontend #wrapper #content-wrapper .field-error .form-control:focus { box-shadow:0 0 7px 1px #ff1a1a; }

body.frontend #wrapper #content-wrapper h1.heading { font-size:30px; margin:0 0 25px; font-weight:600; }
body.frontend #wrapper #content-wrapper h2.heading { font-weight:600; margin:0 auto 25px; }
body.frontend #wrapper #content-wrapper .heading .btn { margin-left:30px; background:#FF4C0D; color:#ffffff; font-weight:bold; padding:7px 20px 9px; border:0; font-size:14px; border-radius:3px; text-transform:uppercase; }


body.frontend #wrapper #content-wrapper .form-group .controls > .form-check { width:100%; display:inline-block; }
body.frontend #wrapper #content-wrapper .form-group .controls.more > .form-check,
body.frontend #wrapper #content-wrapper #ApplicationQuestionnaire3 .form-group .controls > .option-item,
body.frontend #wrapper #content-wrapper #ApplicationQuestionnaire5 .col-sm-6:nth-child(3) .form-group .controls > .option-item,
body.frontend #wrapper #content-wrapper .form-group .controls > div > div[class*="preapered_by"] { display:inline-block; width:33.3333333%; padding:0 20px 0 0;  }
body.frontend #wrapper #content-wrapper #ApplicationQuestionnaire5 .col-sm-6:nth-child(3) .form-group .controls > .option-item { width:25%; }
body.frontend #wrapper #content-wrapper .form-group .controls > label { min-width:100px; display:block; }

body.frontend #wrapper #content-wrapper .boolean_option label { display:block; }
body.frontend #wrapper #content-wrapper .boolean_option > .form-check { display:block; width:100px; margin-left:20px; }

body.frontend #wrapper #content-wrapper [class*=" questionnaire_"] > label { display:block; font-weight:bold; font-size:20px; }
body.frontend #wrapper #content-wrapper [class*=" questionnaire_"] > .controls { margin:10px 0 20px 20px; /*max-width:800px;*/  }
body.frontend #wrapper #content-wrapper [class*=" questionnaire_"] > .controls .form-control { max-width:450px; margin-bottom: 5px; }
body.frontend #wrapper #content-wrapper [class*=" questionnaire_"] > .controls .option-item { width:100%; display:inline-block; margin:10px 0;  }

body.frontend #wrapper #content-wrapper #ApplicationQuestionnaire1 .col-sm-6:first-child,
body.frontend #wrapper #content-wrapper #ApplicationQuestionnaire3 .col-sm-6:first-child,
body.frontend #wrapper #content-wrapper #ApplicationQuestionnaire3 .col-sm-6:nth-child(2),
body.frontend #wrapper #content-wrapper #ApplicationQuestionnaire5 .col-sm-6:nth-child(3) { max-width:100%; flex: 0 0 100%; }
body.frontend #wrapper #content-wrapper .ApplicationQuestionnaire .inner { padding:10px 15px; background:rgba(255,255,255,0.19); height:calc(100% - 30px); margin-bottom:30px; border-radius:10px; }
body.frontend #wrapper #content-wrapper .ApplicationQuestionnaire .inner .form-control, 
body.frontend #wrapper #content-wrapper .ApplicationQuestionnaire .inner .form-control:focus { background:rgba(0,0,0,0.5); font-size:1.2rem;}

body.frontend .tab-navigation { border-bottom:0; }
body.frontend .content-container,
body.frontend .upload-container,
body.frontend .files-container { padding:30px 0; }


body.frontend #wrapper .tab-navigation li a { color:#f1f1f1; text-decoration:none; font-size:18px; font-weight:600; }
body.frontend #wrapper .tab-navigation li a:hover,
body.frontend #wrapper .tab-navigation li a.active { color:#FF4C0D; border-color:#FF4C0D; }

body.frontend .footer { background:#F05033A6; margin:30px -30px -30px; padding:20px; color:#ffffff; }
body.frontend .footer a { color:#ffffff; }
body.frontend .footer .tcg-logo img { max-width:300px; }


body.frontend #FinalStep > img { margin-bottom:25px; }



body.frontend .table,
body.frontend .table.table-bordered { border:0 !important;}
body.frontend .table thead th,
body.frontend .table thead td,
body.frontend .table.table-bordered thead th,
body.frontend .table.table-bordered thead td,
body.frontend .table tfoot th,
body.frontend .table tfoot td,
body.frontend .table.table-bordered tfoot th,
body.frontend .table.table-bordered tfoot td { border: 0; color: #fff; padding: 20px 10px; width:auto !important; border-left:0; border-right:0; }
body.frontend .table tbody td,
body.frontend .table.table-bordered tbody td { padding:15px 10px; color:#ffffff; background:rgba(255,255,255,0.2); border-left:0; border-right:0; border-top:6px solid rgba(0, 0, 0, 0.6); border-bottom:6px solid rgba(0, 0, 0, 0.6);}
body.frontend #wrapper #content-wrapper .dataTables_wrapper .form-control,
body.frontend #wrapper #content-wrapper .dataTables_wrapper .form-control:focus { font-size:1.2rem;}
body.frontend #wrapper #content-wrapper .input-group > .form-control:not(:last-child), body.frontend #wrapper #content-wrapper .input-group > .custom-select:not(:last-child) { border-radius:0.35rem; }
body.frontend .page-item .page-link { color:#F05033; background:transparent; border-color:transparent; border:0; }
body.frontend .page-item.disabled .page-link { background:transparent; border-color:transparent; color:rgba(255,255,255,0.5); }
body.frontend .page-item.active .page-link { background:#F05033; color:#ffffff; border-color:#F05033; border-radius:5px; }


body.frontend .content-container .left{ flex: 0 0 70%; max-width: 70%; }
body.frontend .content-container .right{ flex: 0 0 30%; max-width: 30%; } 
body.frontend .content-container .details{ width:100%; }
body.frontend .content-container .left .details{ border:1px solid rgba(255,255,255,0.3); min-height:500px; padding:20px 10px; }
body.frontend .content-container .right .details{ border:1px solid rgba(255,255,255,0.3); min-height:500px; padding:20px 10px; text-align:center; }


body.frontend .select2-container { width:100% !important; max-width:450px;}
body.frontend .select2-container--default .select2-selection--single { height:auto; padding:12px; background:rgba(255,255,255,0.2); border:0; }
body.frontend .ApplicationQuestionnaire .select2-container--default .select2-selection--single { background:rgba(0,0,0,0.5); }
body.frontend .ApplicationQuestionnaire .select2-container--default .select2-selection--single .select2-selection__rendered { font-size:1.2rem; }
body.frontend .select2-container--default .select2-selection--single .select2-selection__rendered { line-height:inherit; color:#ffffff; font-size:1.5rem; }
body.frontend .select2-container--default .select2-selection--single .select2-selection__arrow { height:100%; }
body.frontend .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color:#aaaaaa transparent transparent transparent; }

body.frontend .select2-container--default .select2-results__option--highlighted { background:#FD8A62; }
body.frontend .select2-container--default .select2-results__option--selected { background:#FF4C0D; color:#ffffff; }
body.frontend .select2-container--open .select2-dropdown--above,
body.frontend .select2-container--open .select2-dropdown--below { box-shadow: 0 0 10000px 1000px rgba(0,0,0,0.3); }




@media only screen and (max-width:575px) {
    body.frontend #wrapper #content-wrapper .ApplicationQuestionnaire .inner { height:auto; }
}







/*Progress bar*/
.progressbar-row > div { align-self: flex-end; }
.col-md-2.application-progress { padding-left:5%; }
.progressbar-container .label { font-weight: 500; margin-bottom: 7px; color: #a1c1ff; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; line-height:1.2; }
.progressbar-container.Step-2-container { max-width:100%; }
.progressbar-container.Step-1-container .label { text-align:center; }
.progressbar-container #Step-1,
.progressbar-container #Step-2 { margin-bottom:20px; }
.progressbar-container #Step-1,
.progressbar-container #Step-2,
.progressbar-container #Step-1 > div,
.progressbar-container #Step-2 > div { border-radius:20px; height:15px !important; line-height:15px !important; }
.progressbar-container #Step-1 > div,
.progressbar-container #Step-2 > div { background:#2067ee !important; font-weight:600; font-size:12px; text-align:right; }
@media only screen and (max-width:767px) {
    .progressbar-container .label { text-align:center; }
    .col-md-2.application-progress { padding-left:0.75rem; }
}



/*Step by Step navigation*/
#ApplicationSteps.sw-theme-dots > .nav::before { display:none; }
#ApplicationSteps.sw-theme-dots > .nav .nav-link::before { background:rgba(255,255,255,0.25); width:auto; height:4px; top:-21px; border-radius:0; }
#ApplicationSteps.sw-theme-dots > .nav .nav-link.done::before,
#ApplicationSteps.sw-theme-dots > .nav .nav-link.active::before { background:rgba(255,255,255,0.7);}
#ApplicationSteps.sw-theme-dots > .nav .nav-link::after { border:3px solid #ffffff; width:30px; height:30px; }
#ApplicationSteps.sw-theme-dots > .nav { margin-bottom:40px; }
#ApplicationSteps.sw-theme-dots > .nav .nav-link.done { color:#F05033; }
#ApplicationSteps.sw-theme-dots > .nav .nav-link.active { color:#ffffff !important; font-weight:600; }










body.backend { padding-top:0 !important; font-family: 'Roboto', sans-serif; padding-bottom:0 !important; font-size:16px; background-image:url('../images/bodybg.jpg') !important;}
body.backend #wrapper #accordionSidebar { width:100% !important; position:relative; z-index:100; padding:0; min-height:inherit; background:rgba(255,255,255,0.95);  }
body.backend #wrapper #accordionSidebar .navbar { float: right; position: absolute; z-index:100; right: 0; top: 50%; transform: translate(0,-50%); }
body.backend #wrapper #content-wrapper { background:rgba(0,0,0,0.8); padding:30px; color:#ffffff; }
body.backend #wrapper .toolbar.toolbar-bottom { text-align:center !important; }
body.backend #wrapper .toolbar.toolbar-bottom .btn { background:#FF4C0D; border:0; padding:10px 30px; border-radius:15px; margin:0 10px 10px; text-transform:uppercase; font-size:16px; font-weight:bold; }
body.backend #wrapper .toolbar.toolbar-bottom .btn.btn-cancel { background:transparent; color:#FF4C0D; }

body.backend .topbar.navbar-light .navbar-nav .nav-item .nav-link,
body.backend .topbar.navbar-light .navbar-nav .nav-item .nav-link span { font-size:16px; color:#333333 !important; }
body.backend .sidebar .nav-item .nav-link { width:auto; }
body.backend .topbar.navbar-light .navbar-nav .nav-item .nav-link.nav-link-logout { color:#FF4C0D !important; text-decoration:underline; }
body.backend .dropzone { border: 2px dashed rgba(255,255,255,0.5); background: rgba(255,255,255,0.3); }
body.backend .dropzone .dz-message .dz-button { color:#ffffff; font-size:20px; }

body.backend .topbar .dropdown .dropdown-menu { padding:0; border-radius:0; font-size:16px; border:0; }
body.backend .topbar .dropdown .dropdown-menu .dropdown-item { padding:8px 20px; min-width:200px; }
body.backend .topbar .dropdown .dropdown-menu .dropdown-item path { color:#555555; }
body.backend .topbar .dropdown .dropdown-menu .dropdown-item:hover { background:#FF4C0D; }
body.backend .topbar .dropdown .dropdown-menu .dropdown-item:hover,
body.backend .topbar .dropdown .dropdown-menu .dropdown-item:hover path { color:#ffffff; fill:#ffffff; }

body.backend #wrapper .tab-navigation { border:0; margin:0 auto 30px; }
body.backend #wrapper .tab-navigation li a { color:#f1f1f1; text-decoration:none; border-bottom:3px solid rgba(255,255,255,0); font-size:18px; font-weight:600; }
body.backend #wrapper .tab-navigation li a:hover,
body.backend #wrapper .tab-navigation li a.active { color:#FF4C0D; border-color:#FF4C0D; }

body.backend .footer { background:#F05033A6; margin:30px -30px -30px; padding:20px; color:#ffffff; }
body.backend .footer a { color:#ffffff; }
body.backend .footer .tcg-logo img { max-width:200px; }

body.backend #wrapper { display:block; }
body.backend .sidebar .sidebar-brand { text-align:left; padding:1rem 2rem; }

body.backend #wrapper #content-wrapper h1.heading { font-size:30px; margin:0 0 25px; font-weight:600; }
body.backend #wrapper #content-wrapper h2.heading { font-weight:600; margin:0 auto 25px; }
body.backend #wrapper #content-wrapper .heading .btn { margin-left:30px; background:#FF4C0D; color:#ffffff; font-weight:bold; padding:7px 20px 9px; border:0; font-size:14px; border-radius:3px; text-transform:uppercase; }


body.backend #wrapper form input[type="text"],
body.backend #wrapper form input[type="email"],
body.backend #wrapper form input[type="tel"],
body.backend #wrapper form input[type="password"],
body.backend #wrapper form textarea { background:rgba(255,255,255,0.2); outline:none; min-width:250px; padding:10px; height:auto; color:#ffffff; border:2px solid rgba(255,255,255,0); font-size:1.2rem; }
body.backend #wrapper form input[type="text"]:focus,
body.backend #wrapper form input[type="email"]:focus,
body.backend #wrapper form input[type="tel"]:focus,
body.backend #wrapper form input[type="password"]:focus,
body.backend #wrapper form textarea:focus { box-shadow:0 0 7px 1px #FF4C0DA3; border-color:#FF4C0D; }

body.backend #wrapper form [type="submit"],
body.backend #wrapper form button[type="submit"] { border-radius:5px; padding:8px 25px; background:#FF4C0D; border:0; color:#ffffff; font-weight:bold; text-transform:uppercase; font-size:17px; }


body.frontend .sidebar .sidebar-brand { text-align:left; padding:1rem 2rem; } 
@media (min-width:1301px){
    body.backend {
        padding-left:0px;
        padding-right:0px;
        padding-top:0;
        padding-bottom:0;
    }
    body.frontend {
        padding-left:0px;
        padding-right:0px;
        padding-top:0;
        padding-bottom:0;
    }
}
@media (max-width:980px) {
    h1, .h1 { font-size: 2rem; }
    h2, .h2 { font-size: 1.5rem; }
    h3, .h3 { font-size: 1.2rem; }
    h4, .h4 { font-size: 1rem; }
    h5, .h5 { font-size: .95rem; }
    h6, .h6 { font-size: .85rem; }
      
    body.frontend{ font-size: 14px; }
    .nav-item-logout{ display: none;}
    body.frontend .content-container .left, body.frontend .content-container .right{ width: 100%; display: block; max-width: 100%; }
   
    body.frontend .content-container .left .details{ min-height:auto; }
    body.frontend .content-container .right .details{ min-height:auto; }
    

    body.frontend #wrapper .toolbar.toolbar-bottom .btn{ padding: 7px 15px; font-size: 14px; }
    body.frontend #wrapper #content-wrapper [class*=" questionnaire_"] > label{ font-size: 16px; }
    body.frontend #wrapper #content-wrapper [class*=" questionnaire_"] > .controls{ margin: 10px 0 20px 0px; }
    body.frontend #wrapper #content-wrapper .form-control, body.frontend #wrapper #content-wrapper .form-control:focus{ padding-top: 5px; padding-bottom: 5px; }
  
    body.frontend #wrapper #content-wrapper .form-group .controls.more > .form-check,
    body.frontend #wrapper #content-wrapper #ApplicationQuestionnaire3 .form-group .controls > .option-item,
    body.frontend #wrapper #content-wrapper #ApplicationQuestionnaire5 .col-sm-6:nth-child(3) .form-group .controls > .option-item,
    body.frontend #wrapper #content-wrapper .form-group .controls > div > div[class*="preapered_by"] {  width:100%; }
    .completed_contracts > div{ display: block; }
    
    
    body.frontend #wrapper #content-wrapper .form-group .controls.more > .form-check, body.frontend #wrapper #content-wrapper #ApplicationQuestionnaire3 .form-group .controls > .option-item, body.frontend #wrapper #content-wrapper #ApplicationQuestionnaire5 .col-sm-6:nth-child(3) .form-group .controls > .option-item, body.frontend #wrapper #content-wrapper .form-group .controls > div > div[class*="preapered_by"]{ padding:0 0px 0 30px;}
}
@media (max-width:540px) {

    h1, .h1 { font-size: 1.7rem; }
    h2, .h2 { font-size: 1.3rem; }
    h3, .h3 { font-size: 1.1rem; }
    h4, .h4 { font-size: 1rem; }
    h5, .h5 { font-size: .95rem; }
    h6, .h6 { font-size: .85rem; }
    body.frontend{ font-size: 14px; }
    body.frontend .sidebar .sidebar-brand .sidebar-brand-icon img{ max-width: 220px; }
    
    body.backend #wrapper #content-wrapper{ padding:10px; }
    
}
@media (min-width:992px) and (max-width:1300){
	body.backend {
        padding-left:150px;
        padding-right:150px;
        padding-top:0;
        padding-bottom:0;
    }
}