/** mccb.cs **/

@font-face {
    font-family:'CorporateA';
    src:url('fonts/corporate-a-regular.ttf') format('truetype');
}


.login_body
{
   background:#fff;
}

* {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

input[type="button"]
{
  outline:none;
}

.page_title
{
   font-family:CorpoateA;
   color:#888 !important;
   font-size:16px;
}

.rating_lo
{
   border:2px solid red; 
   color:red;
}

.rating_me
{
   border:2px solid orange; 
   color:orange;
}

.rating_hi
{
   border:2px solid green;
   color:#11bb22;
}


.rating_1 { border-color:rgba(236, 33, 42, 1);color:rgba(236, 33, 42, 1); }
.rating_2 { border-color:rgba(236, 67, 34, 1);color:rgba(236, 67, 34, 1); }
.rating_3 { border-color:rgba(236, 91, 34, 1);color:rgba(236, 91, 34, 1);  }
.rating_4 { border-color:rgba(236, 115, 34, 1);color:rgba(236, 115, 34, 1); }
.rating_5 { border-color:rgba(236, 129, 34, 1);color:rgba(236, 129, 34, 1); }
.rating_6 { border-color:rgba(242, 159, 29, 1);color:rgba(242, 159, 29, 1); }
.rating_7 { border-color:rgba(242, 219, 29, 1);color:rgba(242, 219, 29, 1); }
.rating_8 { border-color:rgba(219, 242, 29, 1);color:rgba(219, 242, 29, 1); }
.rating_9 { border-color:rgba(119, 242, 29, 1);color:rgba(119, 242, 29, 1); }
.rating_10 { border-color:#11bb22;color:#11bb22; }

.rating_1.selected { background-color:rgba(236, 33, 42, 1);color:#fff; }
.rating_2.selected { background-color:rgba(236, 67, 34, 1);color:#fff; }
.rating_3.selected { background-color:rgba(236, 91, 34, 1);color:#fff; }
.rating_4.selected { background-color:rgba(236, 115, 34, 1);color:#fff; }
.rating_5.selected { background-color:rgba(236, 129, 34, 1);color:#fff; }
.rating_6.selected { background-color:rgba(242, 159, 29, 1);color:#fff; }
.rating_7.selected { background-color:rgba(242, 219, 29, 1);color:#000; }
.rating_8.selected { background-color:rgba(219, 242, 29, 1);color:#000; }
.rating_9.selected { background-color:rgba(119, 242, 29, 1);color:#000; }
.rating_10.selected { background-color:#11bb22;color:#fff; }

.sample
{
	display:none;
}

.input_txt
{
   background:#fff !important;
   color:#111 !important;
   border-bottom-color:#555 !important;
   padding-left:10px;
   text-align:center;
   font-family:CorporateA,arial !important;
   margin-bottom:2px !important;
   font-size:18px !important;
   line-height:1em;
   text-transform: uppercase;
}

#txt_name, #txt_vehicle_no
{
}

.input_txtarea
{
   background:#343434 !important;
   color:#fff !important;
   border-color:transparent !important;
   padding-left:10px;
   text-align:center;
   margin:0px !important;
   font-family:CorporateA,arial !important;
   margin-bottom:2px !important;
   font-size:18px !important;
   height:100px;
}

.div_selection
{
   position:absolute !important;
   overflow:auto;
   min-width:100px;
   width:100%;
   box-sizing:border-box;
   background:#fff;
   z-index:100000;
   width:97%;
   box-shadow:0 0 10px 0 rgba(0,0,0,0.1);
   margin-top:-14px;
   overflow: auto;
   height: auto;
   max-height:300px;

}
.div_selection_no_option
{
   padding:10px;
   width:100%;
   position:relative;
   border-bottom:1px solid #eee;
   background:rgba(255,255,255,0.9);
   color:#343434;
}
.div_selection_option
{
   padding:10px;
   width:100%;
   position:relative;
   border-bottom:1px solid #eee;
   background:rgba(255,255,255,0.9);
   color:#000;
}

.div_selection_option:hover
{
   background:#eee;
   cursor:pointer;
}

#div_title
{
   position:absolute !important;
   overflow:auto;
   min-width:100px;
   width:100%;
   box-sizing:border-box;
   background:#fff;
   z-index:10;
   width:97%;
   box-shadow:0 0 10px 0 rgba(0,0,0,0.1);
   margin-top:-14px;
}

.div_title_option
{
   padding:10px;
   width:100%;
   position:relative;
   border-bottom:1px solid #eee;
   background:rgba(255,255,255,0.9);
   color:#000;
}

.div_title_option:hover
{
   background:#eee;
   cursor:pointer;
}

.div_pdpa
{
   color:#fff;
   font-family:CorpoateA;
   padding:40px 40px;
   width:70%;
   text-align:justify;
   font-size:20px;
   height:100%;
}

.div_pdpa .div_title
{
   text-align:center;
   font-size:1.6em;
}

.div_pdpa .div_selection
{
   text-align:center;
   font-size:1.6em;
}

#div_survey
{
   display:none;
}


.sp_dashboard
{
   font-family:CorporateA,arial;
   font-size:19px;
   color:#fff;
}

.sp_title
{
   color:#888;
   font-family:CorporateA;
   font-size:1.4em;
   margin:10px;
}

.sp_value
{
   color:#222;
   font-family:CorporateA;
   font-size:1.4em;
   margin-right:10px;
}


.div_details
{
   padding:50px;
}

.logout
{
   font-family:CorporateA;
   font-size:18px;
}

.brand-logo img
{
   margin-left:-10px;
   padding:6px !important;
}

.sp_title { display:none; }

.sp_use_code 
{
   background:rgba(255,99,255,0.4);
   border-radius:10px;
   padding:5px;
   font-size:0.9em;
   display: inline-block;
   width: 40px;
   text-align: center;
}

.sp_use_code.sp_used
{
   background:rgba(0,255,0,0.4);
}

 /* label focus color */
.input[type=text]:focus,
.input-field input[type=text]:focus + label,
.input-field textarea.materialize-textarea:focus + label
{
     /*color: #009cff;*/
     color: #000 !important;
}

/* label underline focus color */
input[type=text]:focus,
.input-field input[type=text]:focus,
.input-field textarea.materialize-textarea:focus
{
     border-bottom: 1px solid #000 !important;
     box-shadow: 0 0px 0 0 #009cff !important;
}

.div_class_title
{
   font-family:'CorporateA';
   font-size:1.4em;
}

.img_col
{
   vertical-align:middle;
   height:30px;
   margin:0px 3px;
   padding:4px;
}

.sp_col 
{
   vertical-align:middle;
}

.ul_free_stock_class li .badge
{
  display:inline-block;
  padding-right:10px;
}

.btn_option
{
    background:#eee;
    color:#000;
    border:1px solid #eee;
    height:42px;
    padding:10px 13px;
    border-right:1px solid #ddd;
}

.btn_option:hover
{
   background:#ddd;
}

.btn_option.active
{
    background:#009cff;
    color:#fff;
}

.input-field label
{  
   color:#555;
}

.input-field input[type=text]
{
   height:2.3rem;
}

 /* label focus color */
.input-field input[type=text]:focus,
.input-field textarea.materialize-textarea:focus
{    
     /*color: #009cff;*/
     color: #000;
}

.input-field input[type=text]:focus + label,
.input-field textarea.materialize-textarea:focus + label
{    
     /*color: #009cff;*/
     color: #555 !important;
}


/* label underline focus color */
.input-field input[type=text]:focus,
.input-field textarea.materialize-textarea:focus
{
     border-bottom: 1px solid #000;
     box-shadow: 0 0px 0 0 #009cff;
}

#chk_bank_loan
{
   cursor:pointer;
   color:#009cff;
}

.chk_tnc_1, .chk_tnc_2
{
   font-size:1.5em !important;
}

nav .brand-logo
{
   height:100%;
}

.modal2
{
	box-shadow:0 16px 28px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21)
}

 .modal2
 {display:none;position:fixed;left:0;right:0;background-color:#fafafa;padding:0;max-height:70%;width:55%;margin:auto;border-radius:2px;will-change:top, opacity}@media only screen and (max-width: 992px){.modal2{width:80%}}.modal2 h1,.modal2 h2,.modal2 h3,.modal2 h4{margin-top:0}.modal2 .modal-content2{padding:24px}.modal2 .modal-close{cursor:pointer}.modal2 .modal-footer{border-radius:0 0 2px 2px;background-color:#fafafa;padding:4px 6px;height:56px;width:100%}.modal2 .modal-footer .btn,.modal2 .modal-footer .btn-large,.modal2 .modal-footer .btn-flat{float:right;margin:6px 0}.lean-overlay{position:fixed;z-index:999;top:-100px;left:0;bottom:0;right:0;height:125%;width:100%;background:#000;display:none;will-change:opacity}.modal2.modal-fixed-footer{padding:0;height:70%}.modal2.modal-fixed-footer .modal-content2{position:absolute;height:calc(100% - 56px);max-height:100%;width:100%;overflow-y:auto}.modal2.modal-fixed-footer .modal-footer{border-top:1px solid rgba(0,0,0,0.1);position:absolute;bottom:0}.modal2.bottom-sheet{top:auto;bottom:-100%;margin:0;width:100%;max-height:45%;border-radius:0;will-change:bottom, opacity}

label {
 /*CSS transforms*/
 -o-transform: none !important;
 -moz-transform: none !important;
 -ms-transform: none !important;
 -webkit-transform: none !important;
 transform: none !important;
 /*CSS animations*/
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important;
}

label { margin-top:-25px;font-size:0.8em !important; }

 /*farid 11.04.2018 hideidobutton*/
 /*.btn_ido
 {
	 display:none !important;
 }*/