/***Reset classes  **/
.img-responsive {
}
.no-padding{
  padding: 0px;
}
.no-margin{
  margin: 0px;
}
.navigation {
  width: 100%;
}
.clear-all {
  clear: both;
  height: 0px;
  width: 100%; 
  text-indent: -100000px;
}
body{background: none;}
body, html{
  font-family:robotoregular, arial; font-size:14px;color: #000;
}
/*:root {
  --main-color: #014f9a;
  --accent-color: #fa3d3d;
}*/
/* The rest of the CSS file */

.contianer-hold {background:#fff;}
.work-space-hold{background: none;}
.wrapper-div{
background: #f6f6f6 ;
padding: 0px!important;/*height: 900px;*/}
.form-background-color{
	background-color:#f6f6f6 ;
}
.overall-font{
color: #000000;
}
textarea#lead-additionalinfo{
	background-color:#f6f6f6 ;
}
button#mobile-submitbasicinfo{
	background-color:#FFCD1F ;
	 border: 1px solid #FFCD1F;
}
.wrapper-div hr{border-color: #bcbcbc;clear: both;margin-left:35px;margin-right:35px;}
.title_div{
background: #1BB9EE;
border-top: 5px solid ;
height: 66px; color: #ffffff;
line-height: 66px;font-family:roboto_slabregular, arial; font-size: 1.75rem;
text-transform: uppercase; padding-left: 33px;position: relative;}
.title_div .text-center{margin-top: 10px;}
.title_div span{position: absolute; width:250px;height:70px;
background: ;display: block; top:0px; right:50px;text-align: center;line-height: 66px;font-family:robotobold, arial;
color:; }


.title_div span::after{
   content: '';
   position: absolute;
   left: 0%;
   top: 100%;
   width: 0;
   height: 0;
   border-left:125px solid transparent;
   border-right:125px solid transparent;
   border-top: 26px solid ;	

}

.subtitle_div{ font-family:roboto_slabregular, arial; font-size:1.7rem; 
color: ; 
position: relative; line-height: 70px; padding-left:50px;}
.subtitle_div span{width:70px; height: 70px; border:8px solid #f6f6f6; position: absolute; display: block; left:-68px; -webkit-border-radius: 50%; border-radius: 50%;
background:; color: ;text-align: center;line-height: 50px;}
.form-group{clear:both;}
.form-group-section {clear: both; float:none;margin: 0px 35px; }
.form-elements{padding-bottom:20px; font-size: 1.1rem;}
.form-elements .more-gap{margin-bottom:20px;}
.form-elements span.label{display: block; margin-bottom: 10px;text-align: left;color: #000;font-size: 1.1rem;font-weight: normal;}
.inline-no-margin .radio-inline + .radio-inline, .inline-no-margin .checkbox-inline + .checkbox-inline{
  margin-left: 0px;
}
.form-elements .form-message{padding: 10px 0px; margin-bottom: 10px;}
.form-elements .btn-wrapper{padding: 20px 0px;}

.form-elements .btn-next{background: #22be22; }
.form-elements .btn-next .fa{margin-left: 5px; margin-right: 5px;transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;}
.form-elements .btn-next:hover .fa{
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.form-elements .btn-next:hover .fa-arrow-right{margin-left: 10px; margin-right:0px;}

.form-elements .btn-previous{background: #e81d29;}
.form-elements .btn-previous .fa{margin-left: 5px; margin-right: 5px;transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;}
.form-elements .btn-previous:hover .fa{
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.form-elements .btn-previous:hover .fa-arrow-left{margin-left:0px; margin-right:10px;}

.form-elements .radio, .form-elements .checkbox{width:auto; background: none;float: none;}
.form-elements input.calender{background-image: url(../images/calender-icon.png); background-repeat: no-repeat; background-position: 5px 6px; padding-left:30px;}

#complete-visual-estimater .more-items{width:210px;height: 60px; line-height: 60px; padding: 0px;}
#complete-visual-estimater .more-items a{display: block;height: auto; line-height: 60px;padding: 0px 0px 0px 15px;width:100%;border: 0px;}
#complete-visual-estimater a:hover, #complete-visual-estimater a:focus{text-decoration: none;}

#complete-visual-estimater .previous-room{height: 40px; margin: 10px 14px;padding: 0px;background-position: 12px 12px; width:auto;border:1px solid #a52018;}
#complete-visual-estimater .previous-room a{width:auto;height:40px; line-height: 40px;padding: 0px 20px 0px 45px;border: 0px;}
#complete-visual-estimater .previous-room a:hover{border: 0px;-webkit-box-shadow: none;box-shadow: none;}

#complete-visual-estimater .accept-room{height: 40px; margin: 10px 14px;padding: 0px;background-position: 12px 12px; width:auto;border:1px solid #008500;}
#complete-visual-estimater .accept-room a{width:auto;height:40px; line-height: 40px;padding: 0px 20px 0px 45px;border: 0px;}
#complete-visual-estimater .accept-room a:hover{border: 0px;-webkit-box-shadow: none;box-shadow: none;}

a.inventory-option-link{color: #fff; font-weight:bold;}
a.inventory-option-link:hover{text-decoration: underline !important;}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline{
	margin-left:0px;
}
.rooms-wrap .checkbox, .rooms-wrap .radio{
	 /*width:100%;*/
	 font-family:'robotolight', Arial, Helvetica, sans-serif; 
	 font-size:1em;
}
.rooms-wrap h3{
	 font-family:'robotomedium', Arial, Helvetica, sans-serif; 
	 font-size:2.1em; 
	 color: #000; 
	 padding:20px 0px 30px 0px;
}
.labour .checkbox, .labour .radio{
	 width:100%;
	 font-family:'robotoregular', Arial, Helvetica, sans-serif; 
	 font-size:0.9em;
}
.col-centered{
	float:none;
	margin-left:auto;
	margin-right:auto;
}

.padL-0{ padding-left:0px !important;}
.padR-0{ padding-right:0px !important;}
.marL-0{ margin-left:0px !important;}
.marR-0{ margin-right:0px !important;}

.mt10{ margin-top:10px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.mt40{ margin-top:40px !important;}

.mb10{ margin-bottom:10px !important;}
.mb20{ margin-bottom:20px !important;}
.mb40{ margin-bottom:40px !important;}

.ml10{ margin-left:10px !important;}
.ml20{ margin-left:20px !important;}

.top-link1, .top-link2, .top-link3, .top-link4{ float:right; font-size:12px; margin-right:65px; color:#fff; margin-top:28px;}

.top-link2{ background:#0095ff; border-color: #07c; box-shadow: inset 0 1px 0 #66bfff;}
.top-link2:hover{ background:#07c; border-color:#005999; box-shadow: 0 1px 0 #3af inset; color: rgba(255, 255, 255, 0.9);}

.top-link3{ background:#fa3d3d; border:1px solid #b72c2c; color: rgba(255, 255, 255, 0.8); -moz-transition:color .25s; transition:color .25s;}
.top-link3:hover{ color: rgba(255, 255, 255, 1.0);}

.top-link4{ background:#58bdc5; border:1px solid #06919c; color: rgba(255, 255, 255, 0.9); -moz-transition:color .25s; transition:color .25s;}
.top-link4:hover{ color: rgba(255, 255, 255, 1.0);}


.top-link5{ float:left; color:#fff; font-size:12px;}
.top-link5{ background: -webkit-linear-gradient(-90deg, #ff8583 0, #ff5350 100%);
background: -moz-linear-gradient(180deg, #ff8583 0, #ff5350 100%);
background: linear-gradient(180deg, #ff8583 0, #ff5350 100%);
}
.top-link5:hover{ background: -webkit-linear-gradient(-90deg, #ff5350 0, #ff8583 100%);
background: -moz-linear-gradient(180deg, #ff5350 0, #ff8583 100%);
background: linear-gradient(180deg, #ff5350 0, #ff8583 100%); color:#fff;}


.big-margin{ margin-left:44px;}

.small-margin{ margin-left:20px;}

.confirm{
	max-width:100%;
	padding-bottom:20px;
	background:#f6f6f6;
	clear:both;
	overflow:hidden;}

.confirm h2{
	font-size:20px;
	font-weight:bold;}
	
.confirm p{
	color:#414141;
	font-size:14px;
	line-height:21px;
	margin-bottom:4px;
	}	
	
.gutter2{
	padding-left:0 !important;
	padding-right:0 !important;}
	
	
.frame{
	width:350px;
	height:220px;}
	
.sub-form{
	width:100%;
	margin-bottom:20px;
	}	
	
.sub-form-left{
	float:left;
	width:33%;
	margin-right:1%;
	margin-bottom:10px;
	}
	
.sub-form-mid{
	float:left;
	width:32%;
	margin-bottom:10px;
	margin-right:1%;
	}
	
.sub-form-right{
	float:left;
	width:33%;
	margin-bottom:10px;
	}	
	
.sm-60{
	width:45px !important;}	
	
.sub-1{
	float:left;
	width:68%;
	margin-bottom:20px;}
	
.sub-2{
	float:left;
	width:16%;}	
	
.sub-3{
	float:left;
	width:16%;}
			
.btn-red{
	background:#717171;
	color:#fff;
	border: none;
	font-size:16px;
	border-radius:3px;
	font-weight:bold;}	
	
.wrapper2{
	background:#f6f6f6 ;}	
	
		
.pl40{
	padding-left:40px;}	
	
.ml50{
	margin-left:50px;}	
	
.w90{
	width:90% !important;}		
	
.ui-datepicker .ui-datepicker-title select{
	color:#000;}

.star-big{
	font-size: 1.7rem !important;
	color:red;}	
	
.wrapper-div #visual-estimator-form .radio-select .moving_service{float:left;width: 20%;}
.wrapper-div #visual-estimator-form select{border: 0px solid #fff;
    box-shadow: none;height: 24px;
    border-bottom: 1px solid #999;
    border-radius: 0px;
    padding: 1px 12px;background: transparent;}
.wrapper-div #visual-estimator-form .input-field label:not(.label-icon).active{font-size: .8rem; 
	-webkit-transform:translateY(-100%);transform:translateY(-100%);}
.wrapper-div #visual-estimator-form #length_storage .control-input{height: 21px;padding: 1px 1px;}
#visual-estimator-form h5, #visual-estimator-form2 h5, #visual-estimator-form3 h5, #visual-estimator-form4 h5{font-size: 20px; margin-left: -55px;margin-top: 25px;}
#visual-estimator-form input, #visual-estimator-form2 input, #visual-estimator-form3 input{margin:0px!important;height: 3.3rem!important;}
#visual-estimator-form2 .duration-input{height: 2rem!important;}
.wrapper-div select{border: 0px solid #fff; background: transparent;
    border-bottom: 1px solid #999;
    box-shadow: none;height: 31px;
    border-radius: 0px;}
.pickupinformation-screen #w0 .control-label, .pickupinformation-screen .label{color: #9e9e9e;
	font-size: 1rem;padding: 0px;}
.pickupinformation-screen h5{font-size: 20px;margin-bottom: 10px;margin-left: -55px;
    margin-top: 25px;}
.wrapper-div .pickupinformation-screen input{height: 3rem!important;}
.pickupinformation-form{padding: 30px;}
#visual-estimator-form, #visual-estimator-form2, #visual-estimator-form3, #visual-estimator-form4{padding: 20px;}
.pickupinformation-screen .field-leadmanagement-p_latitude label{top: -1.3rem;}
.pickupinformation-screen .field-leadmanagement-p_longitude label{top: -1.3rem;}
.pickupinformation-screen #leadmanagement-p_longitude, .pickupinformation-screen #leadmanagement-p_latitude{margin-top: 10px;}
.pickupinformation-form textarea.materialize-textarea{font-size: 12px;padding: 0px;}
.pickupinformation-form #textarea-size{font-size: 1rem;}
.pickupinformation-form .booking_process{color: #9e9e9e;
    font-size: 1rem; font-weight: bold; }
.pickupinformation-form .select_box_margin{height: 32px;}
#visual-estimator-form3 .select_box_state{height: 45px!important;}
.container-fluid{padding-right: 50px!important;
    padding-left: 50px!important;
    margin-right: auto;
    margin-left: auto;}
#complete-visual-estimater .radio-select{padding-bottom: 0px;}
body .navbar .user-picture{-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    vertical-align: top !important;}
body .navbar .container{width: 100%;}
body .navbar-brand{font-size: 1.8rem!important;font-weight: bold;}
.navbar .user-info{padding:10px;}
.navbar .material-icons{line-height: 32px;height: 40px;}
.nav > li > a:hover{background-color: transparent!important;color: #fff;}
#rightsidebar .input-group{margin-bottom: 0px;}
#rightsidebar .input-group-addon i{border: 1px solid #ddd;}
#rightsidebar .font-color{font-size: 11px; font-weight: bold;}
#rightsidebar .input-height{height:1rem!important;font-size: 12px; color: #bbb;}

.wrapper-div .overall-font{top: 0.1rem;
color: #000000;
font-size: 1rem;font-weight: normal;padding: 0px;}
.wrapper-div .checkbox-padding{padding-left: 26px;}
#complete-visual-estimater .next-button-color, #complete-visual-estimater2 .next-button-color, #complete-visual-estimater3 .next-button-color, #complete-visual-estimater4 .next-button-color, #complete_inventory_screen .next-button-color{background:!important;}
#complete-visual-estimater2 .previous_button_color, #complete-visual-estimater3 .previous_button_color, #complete-visual-estimater4 .previous_button_color, #complete_inventory_screen .previous_button_color{background:;}

#complete-visual-estimator .save_button_color{background:#FFCD1F!important;}
#visual-estimator-form textarea{padding: 0px;}
.work-space-background{background-color:;}
.work-space-hold .category-list-color{background-color:;}
.category-list ul li.current-item{background: ;
    color: #fff;
    color: #5d5d5d;
    display: block;
    float: left;
    text-indent: 30px;
    font-size: 14px;
    width: 100%;
    line-height: 30px;}
.room_name_color{color:;font-size: 15px;}

#complete_inventory_screen .text-right .material-icons, #complete_inventory_screen .text-left .material-icons{margin-top: -3px!important;}
.right-sidebar .nav-tabs{background-color: #787878;margin: 0px!important;}
.right-sidebar .nav-tabs > li.active > a{color: #fff!important;font-size: 16px;}
.right-sidebar a .material-icons{    margin-top: 7px!important;
    font-size: 30px!important;  color: #fff!important;}
.right-sidebar #visualestimator-settings-form i{margin-top: -5px;}
.right-sidebar #visualestimator-settings-form .row{margin: 0px!important;}
.previous-room{background:;}
.accept-room{background:}
.right-bighold .previous-room i{margin-left: -20px;}
.right-sidebar .btn-success{padding: 0px 30px 0px 30px;}
.right-sidebar .btn-danger{padding: 0px 25px 0px 25px;}
.right-sidebar .btn-info{padding: 0px 25px 0px 25px;}
.colorpicker .common-colorpicker-close-btn{width:100%;}
.right-sidebar .pre_align{margin-top:10px; margin-left:auto; margin-right:auto; display: block;}
.right-bighold .plus-align{margin-left: 13px;}
.right-bighold .number-align{margin-top: 0px;}
.additional-item-con .plus-align{margin-left: 13px;}
.additional-item-con .number-align{margin-top: 0px;}
.breadcrumbs {background: #757575;}
.popupheader {color: #fff;padding-left: 10px;padding-top: 7px;font-size: 20px;}
.breadcrumbs .material-icons{float: right; margin-top: -24px!important; color: #fff; font-size: 30px; cursor: pointer;}
#complete_inventory_screen5 .subtitle_div span{width:70px; height: 70px; border:8px solid #f6f6f6; position: absolute; display: block; left:-33px; -webkit-border-radius: 50%; border-radius: 50%;
background:; color: ;text-align: center;line-height: 50px;}
#complete_inventory_screen5 .header{margin-bottom:50px;}
#complete_inventory_screen5 .inventory_align_table{padding-left:50px;font-size: 1rem;}
.c-datepicker__days{margin: 0px;}
.c-datepicker__days tr td {text-align: center;}
.checkbox_align{padding-left:25px!important;}
#visual-estimator-form2 select{height: 29px!important;}
#visual-estimator-form2 .date_placed{height: 3.2em!important;}
#visual-estimator-form2 .preferred-date{margin-top:-10px!important;}
.c-datepicker__toggle{top: 150px;}
.c-datepicker__back, .c-datepicker__next{background: #f2f2f2;}
.reference-number-title {
    font-size: 20px;
}
.reference-number-rle {
    font-size: 20px;
}
#complete_inventory_screen5 .form-elements{font-size:1rem;}
#complete_inventory_screen5 .subtitle_div{font-size: 1.4rem;}
#complete_inventory_screen5 .subtitle_div .additional-number{margin-top: 17px!important;}

#newcustom-item-form .common-cancel-btn{background: #c95828;}
#newcustom-item-form .nextsavegreen .common-success-btn {
    background: #73965a!important;
}




@media (min-width: 320px) and (max-width: 598px){
#visual-estimator-form input, #visual-estimator-form2 input, #visual-estimator-form3 input{
	font-size: 11px!important;}
label{font-size: 11px!important;}
#visual-estimator-form h5, #visual-estimator-form2 h5, #visual-estimator-form3 h5, #visual-estimator-form4 h5{
	font-size: 15px!important;
}
.wrapper-div .overall-font{font-size: 11px!important;}
#visual-estimator-form .row, #visual-estimator-form2 .row, #visual-estimator-form3 .row, #visual-estimator-form4 .row{margin-bottom:0px!important;}
#visual-estimator-form, #visual-estimator-form2, #visual-estimator-form3, #visual-estimator-form4{
	padding:5px!important;
}


}

/*AFC1 instance iframe style*/

.custom-tabberlive-group .tabberlive{width:100%!important;}
<div id="yii-debug-toolbar" data-url="/debug/default/toolbar?tag=6865448910ee4" style="display:none" class="yii-debug-toolbar-bottom"></div><style>
#yii-debug-toolbar-logo {
    position: fixed;
    right: 31px;
    bottom: 4px;
}

.yii-debug-toolbar {
    font: 11px Verdana, Arial, sans-serif;
    text-align: left;
    width: 96px;
    transition: width .3s ease;
    z-index: 1000000;
}

.yii-debug-toolbar_active {
    width: 100%;
}

.yii-debug-toolbar_position_top {
    margin: 0 0 20px 0;
    width: 100%;
}

.yii-debug-toolbar_position_bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    margin: 0;
}

.yii-debug-toolbar__bar {
    position: relative;
    padding: 0;
    font: 11px Verdana, Arial, sans-serif;
    text-align: left;
    overflow: hidden;
    box-sizing: content-box;

    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0); /* IE6-9 */

    border: 1px solid rgba(0, 0, 0, 0.11);

    /* ensure debug toolbar text is displayed ltr even on rtl pages */
    direction: ltr;
}

.yii-debug-toolbar.yii-debug-toolbar_active:not(.yii-debug-toolbar_animating) .yii-debug-toolbar__bar {
    overflow: visible;
}
.yii-debug-toolbar:not(.yii-debug-toolbar_active) .yii-debug-toolbar__bar {
    height:40px;
}

.yii-debug-toolbar__bar:after {
    content: '';
    display: table;
    clear: both;
}

.yii-debug-toolbar__view {
    height: 0;
    overflow: hidden;
    background: white;
}

.yii-debug-toolbar__view iframe {
    margin: 0;
    padding: 0;
    padding-top: 10px;
    height: 100%;
    width: 100%;
    border: 0;
}

.yii-debug-toolbar_iframe_active .yii-debug-toolbar__view {
    height: 100%;
}

.yii-debug-toolbar_iframe_animating .yii-debug-toolbar__view {
    transition: height .3s ease;
}

.yii-debug-toolbar__block {
    float: left;
    margin: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.11);
    padding: 4px 8px;
    line-height: 32px;
    white-space: nowrap;
}

.yii-debug-toolbar__block_active,
.yii-debug-toolbar__ajax:hover {
    background: rgb(247, 247, 247); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(247, 247, 247) 0%, rgb(224, 224, 224) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgb(247, 247, 247) 0%, rgb(224, 224, 224) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(247, 247, 247) 0%, rgb(224, 224, 224) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e0e0e0', GradientType=0); /* IE6-9 */
}

.yii-debug-toolbar__block a {
    display: inline-block;
    text-decoration: none;
    color: black;
}

.yii-debug-toolbar__block img {
    vertical-align: middle;
}

.yii-debug-toolbar__label {
    display: inline-block;
    padding: 2px 4px;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    white-space: nowrap;
    vertical-align: baseline;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #999999;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.yii-debug-toolbar__label:empty {
    display: none;
}

a.yii-debug-toolbar__label:hover,
a.yii-debug-toolbar__label:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.yii-debug-toolbar__label_important,
.yii-debug-toolbar__label_error {
    background-color: #b94a48;
}

.yii-debug-toolbar__label_important[href] {
    background-color: #953b39;
}

.yii-debug-toolbar__label_warning,
.yii-debug-toolbar__badge_warning {
    background-color: #f89406;
}

.yii-debug-toolbar__label_warning[href] {
    background-color: #c67605;
}

.yii-debug-toolbar__label_success {
    background-color: #468847;
}

.yii-debug-toolbar__label_success[href] {
    background-color: #356635;
}

.yii-debug-toolbar__label_info {
    background-color: #3a87ad;
}

.yii-debug-toolbar__label_info[href] {
    background-color: #2d6987;
}

.yii-debug-toolbar__label_inverse,
.yii-debug-toolbar__badge_inverse {
    background-color: #333333;
}

.yii-debug-toolbar__label_inverse[href],
.yii-debug-toolbar__badge_inverse[href] {
    background-color: #1a1a1a;
}

.yii-debug-toolbar__title {
    background: rgb(247, 247, 247); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(247, 247, 247) 0%, rgb(224, 224, 224) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgb(247, 247, 247) 0%, rgb(224, 224, 224) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(247, 247, 247) 0%, rgb(224, 224, 224) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e0e0e0', GradientType=0); /* IE6-9 */
}

.yii-debug-toolbar__block_last{ /* creates space for .yii-debug-toolbar__toggle, .yii-debug-toolbar__external */
    width: 80px;
    height: 40px;
    float: left;
}

.yii-debug-toolbar__toggle,
.yii-debug-toolbar__external {
    cursor: pointer;
    position: absolute;

    width: 30px;
    height: 30px;
    font-size: 25px;
    font-weight: 100;
    line-height: 28px;
    color: #ffffff;
    text-align: center;

    opacity: 0.5;
    filter: alpha(opacity=50);

    transition: opacity .3s ease;
}

.yii-debug-toolbar__toggle:hover,
.yii-debug-toolbar__toggle:focus,
.yii-debug-toolbar__external:hover,
.yii-debug-toolbar__external:focus {
    color: #ffffff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.yii-debug-toolbar__toggle-icon,
.yii-debug-toolbar__external-icon {
    display: inline-block;

    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.yii-debug-toolbar__toggle {
    right: 10px;
    bottom: 4px;
}

.yii-debug-toolbar__toggle-icon {
    padding: 7px 0;
    width: 10px;
    height: 16px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBmaWxsPSIjNDQ0IiBkPSJNMTUuNTYzIDQwLjgzNmEuOTk3Ljk5NyAwIDAgMCAxLjQxNCAwbDE1LTE1YTEgMSAwIDAgMCAwLTEuNDE0bC0xNS0xNWExIDEgMCAwIDAtMS40MTQgMS40MTRMMjkuODU2IDI1LjEzIDE1LjU2MyAzOS40MmExIDEgMCAwIDAgMCAxLjQxNHoiLz48L3N2Zz4=');
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.yii-debug-toolbar_active .yii-debug-toolbar__toggle-icon {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.yii-debug-toolbar_iframe_active .yii-debug-toolbar__toggle-icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.yii-debug-toolbar__external {
    display: none;
    right: 50px;
    bottom: 4px;
}

.yii-debug-toolbar_iframe_active .yii-debug-toolbar__external {
    display: block;
}

.yii-debug-toolbar__external-icon {
    padding: 8px 0;
    width: 14px;
    height: 14px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBmaWxsPSIjNDQ0IiBkPSJNMzkuNjQyIDkuNzIyYTEuMDEgMS4wMSAwIDAgMC0uMzgyLS4wNzdIMjguMTAzYTEgMSAwIDAgMCAwIDJoOC43NDNMMjEuNyAyNi43OWExIDEgMCAwIDAgMS40MTQgMS40MTVMMzguMjYgMTMuMDZ2OC43NDNhMSAxIDAgMCAwIDIgMFYxMC42NDZhMS4wMDUgMS4wMDUgMCAwIDAtLjYxOC0uOTI0eiIvPjxwYXRoIGQ9Ik0zOS4yNiAyNy45ODVhMSAxIDAgMCAwLTEgMXYxMC42NmgtMjh2LTI4aDEwLjY4M2ExIDEgMCAwIDAgMC0ySDkuMjZhMSAxIDAgMCAwLTEgMXYzMGExIDEgMCAwIDAgMSAxaDMwYTEgMSAwIDAgMCAxLTF2LTExLjY2YTEgMSAwIDAgMC0xLTF6Ii8+PC9zdmc+');
}

.yii-debug-toolbar__ajax {
    position: relative;
}

.yii-debug-toolbar__ajax:hover .yii-debug-toolbar__ajax_info,
.yii-debug-toolbar__ajax:focus .yii-debug-toolbar__ajax_info {
    visibility: visible;
}
.yii-debug-toolbar__ajax_info {
    visibility: hidden;
    transition: visibility .2s linear;
    background-color: white;
    box-shadow: inset 0 -10px 10px -10px #e1e1e1;
    position: absolute;
    bottom: 40px;
    left: -1px;
    padding: 10px;
    max-width: 480px;
    max-height: 480px;
    word-wrap: break-word;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.11);
    z-index: 1000001;
}
.yii-debug-toolbar__ajax a {
    color: #337ab7;
}
.yii-debug-toolbar__ajax table {
    width: 100%;
    table-layout: auto;
    border-spacing: 0;
    border-collapse: collapse;
}
.yii-debug-toolbar__ajax table td {
    padding: 4px;
    font-size: 12px;
    line-height: normal;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.yii-debug-toolbar__ajax table th {
    padding: 4px;
    font-size: 11px;
    line-height: normal;
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
.yii-debug-toolbar__ajax_request_status {
    color: white;
    padding: 2px 5px;
}
.yii-debug-toolbar__ajax_request_url {
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
}</style><script>(function () {
    'use strict';

    var findToolbar = function () {
            return document.querySelector('#yii-debug-toolbar');
        },
        ajax = function (url, settings) {
            var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
            settings = settings || {};
            xhr.open(settings.method || 'GET', url, true);
            xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
            xhr.setRequestHeader('Accept', 'text/html');
            xhr.onreadystatechange = function (state) {
                if (xhr.readyState === 4) {
                    if (xhr.status === 200 && settings.success) {
                        settings.success(xhr);
                    } else if (xhr.status != 200 && settings.error) {
                        settings.error(xhr);
                    }
                }
            };
            xhr.send(settings.data || '');
        },
        url,
        div,
        toolbarEl = findToolbar(),
        toolbarAnimatingClass = 'yii-debug-toolbar_animating',
        barSelector = '.yii-debug-toolbar__bar',
        viewSelector = '.yii-debug-toolbar__view',
        blockSelector = '.yii-debug-toolbar__block',
        toggleSelector = '.yii-debug-toolbar__toggle',
        externalSelector = '.yii-debug-toolbar__external',

        CACHE_KEY = 'yii-debug-toolbar',
        ACTIVE_STATE = 'active',

        animationTime = 300,

        activeClass = 'yii-debug-toolbar_active',
        iframeActiveClass = 'yii-debug-toolbar_iframe_active',
        iframeAnimatingClass = 'yii-debug-toolbar_iframe_animating',
        titleClass = 'yii-debug-toolbar__title',
        blockClass = 'yii-debug-toolbar__block',
        blockActiveClass = 'yii-debug-toolbar__block_active',
        requestStack = [];

    if (toolbarEl) {
        url = toolbarEl.getAttribute('data-url');

        ajax(url, {
            success: function (xhr) {
                div = document.createElement('div');
                div.innerHTML = xhr.responseText;

                toolbarEl.parentNode && toolbarEl.parentNode.replaceChild(div, toolbarEl);

                showToolbar(findToolbar());
            },
            error: function (xhr) {
                toolbarEl.innerHTML = xhr.responseText;
            }
        });
    }

    function showToolbar(toolbarEl) {
        var barEl = toolbarEl.querySelector(barSelector),
            viewEl = toolbarEl.querySelector(viewSelector),
            toggleEl = toolbarEl.querySelector(toggleSelector),
            externalEl = toolbarEl.querySelector(externalSelector),
            blockEls = barEl.querySelectorAll(blockSelector),
            iframeEl = viewEl.querySelector('iframe'),
            iframeHeight = function () {
                return (window.innerHeight * 0.7) + 'px';
            },
            isIframeActive = function () {
                return toolbarEl.classList.contains(iframeActiveClass);
            },
            showIframe = function (href) {
                toolbarEl.classList.add(iframeAnimatingClass);
                toolbarEl.classList.add(iframeActiveClass);

                iframeEl.src = externalEl.href = href;
                viewEl.style.height = iframeHeight();
                setTimeout(function() {
                    toolbarEl.classList.remove(iframeAnimatingClass);
                }, animationTime);
            },
            hideIframe = function () {
                toolbarEl.classList.add(iframeAnimatingClass);
                toolbarEl.classList.remove(iframeActiveClass);
                removeActiveBlocksCls();

                externalEl.href = '#';
                viewEl.style.height = '';
                setTimeout(function() {
                    toolbarEl.classList.remove(iframeAnimatingClass);
                }, animationTime);
            },
            removeActiveBlocksCls = function () {
                [].forEach.call(blockEls, function (el) {
                    el.classList.remove(blockActiveClass);
                });
            },
            toggleToolbarClass = function (className) {
                toolbarEl.classList.add(toolbarAnimatingClass);
                if (toolbarEl.classList.contains(className)) {
                    toolbarEl.classList.remove(className);
                } else {
                    toolbarEl.classList.add(className);
                }
                setTimeout(function () {
                    toolbarEl.classList.remove(toolbarAnimatingClass);
                }, animationTime);
            },
            toggleStorageState = function (key, value) {
                if (window.localStorage) {
                    var item = localStorage.getItem(key);

                    if (item) {
                        localStorage.removeItem(key);
                    } else {
                        localStorage.setItem(key, value);
                    }
                }
            },
            restoreStorageState = function (key) {
                if (window.localStorage) {
                    return localStorage.getItem(key);
                }
            },
            togglePosition = function () {
                if (isIframeActive()) {
                    hideIframe();
                } else {
                    toggleToolbarClass(activeClass);
                    toggleStorageState(CACHE_KEY, ACTIVE_STATE);
                }
            };

        toolbarEl.style.display = 'block';

        if (restoreStorageState(CACHE_KEY) == ACTIVE_STATE) {
            toolbarEl.classList.add(activeClass);
        }

        window.onresize = function () {
            if (toolbarEl.classList.contains(iframeActiveClass)) {
                viewEl.style.height = iframeHeight();
            }
        };

        barEl.onclick = function (e) {
            var target = e.target,
                block = findAncestor(target, blockClass);

            if (block && !block.classList.contains(titleClass)
                && e.which !== 2 && !e.ctrlKey // not mouse wheel and not ctrl+click
            ) {
                while (target !== this) {
                    if (target.href) {
                        removeActiveBlocksCls();
                        block.classList.add(blockActiveClass);
                        showIframe(target.href);
                    }
                    target = target.parentNode;
                }

                e.preventDefault();
            }
        };

        toggleEl.onclick = togglePosition;
    }

    function findAncestor(el, cls) {
        while ((el = el.parentElement) && !el.classList.contains(cls));
        return el;
    }

    function renderAjaxRequests() {
        var requestCounter = document.getElementsByClassName('yii-debug-toolbar__ajax_counter');
        if (!requestCounter.length) {
            return;
        }
        var ajaxToolbarPanel = document.querySelector('.yii-debug-toolbar__ajax');
        var tbodies = document.getElementsByClassName('yii-debug-toolbar__ajax_requests');
        var state = 'ok';
        if (tbodies.length) {
            var tbody = tbodies[0];
            var rows = document.createDocumentFragment();
            if (requestStack.length) {
                var firstItem = requestStack.length > 20 ? requestStack.length - 20 : 0;
                for (var i = firstItem; i < requestStack.length; i++) {
                    var request = requestStack[i];
                    var row = document.createElement('tr');
                    rows.appendChild(row);

                    var methodCell = document.createElement('td');
                    methodCell.innerHTML = request.method;
                    row.appendChild(methodCell);

                    var statusCodeCell = document.createElement('td');
                    var statusCode = document.createElement('span');
                    if (request.statusCode < 300) {
                        statusCode.setAttribute('class', 'yii-debug-toolbar__ajax_request_status yii-debug-toolbar__label_success');
                    } else if (request.statusCode < 400) {
                        statusCode.setAttribute('class', 'yii-debug-toolbar__ajax_request_status yii-debug-toolbar__label_warning');
                    } else {
                        statusCode.setAttribute('class', 'yii-debug-toolbar__ajax_request_status yii-debug-toolbar__label_error');
                    }
                    statusCode.textContent = request.statusCode || '-';
                    statusCodeCell.appendChild(statusCode);
                    row.appendChild(statusCodeCell);

                    var pathCell = document.createElement('td');
                    pathCell.className = 'yii-debug-toolbar__ajax_request_url';
                    pathCell.innerHTML = request.url;
                    pathCell.setAttribute('title', request.url);
                    row.appendChild(pathCell);

                    var durationCell = document.createElement('td');
                    durationCell.className = 'yii-debug-toolbar__ajax_request_duration';
                    if (request.duration) {
                        durationCell.innerText = request.duration + " ms";
                    } else {
                        durationCell.innerText = '-';
                    }
                    row.appendChild(durationCell);
                    row.appendChild(document.createTextNode(' '));

                    var profilerCell = document.createElement('td');
                    if (request.profilerUrl) {
                        var profilerLink = document.createElement('a');
                        profilerLink.setAttribute('href', request.profilerUrl);
                        profilerLink.innerText = request.profile;
                        profilerCell.appendChild(profilerLink);
                    } else {
                        profilerCell.innerText = 'n/a';
                    }
                    row.appendChild(profilerCell);

                    if (request.error) {
                        if (state !== "loading" && i > requestStack.length - 4) {
                            state = 'error';
                        }
                    } else if (request.loading) {
                        state = 'loading'
                    }
                    row.className = 'yii-debug-toolbar__ajax_request';
                }
                while (tbody.firstChild) {
                    tbody.removeChild(tbody.firstChild);
                }
                tbody.appendChild(rows);
            }
            ajaxToolbarPanel.style.display = 'block';
        }
        requestCounter[0].innerText = requestStack.length;
        var className = 'yii-debug-toolbar__label yii-debug-toolbar__ajax_counter';
        if (state == 'ok') {
            className += ' yii-debug-toolbar__label_success';
        } else if (state == 'error') {
            className += ' yii-debug-toolbar__label_error';
        }
        requestCounter[0].className = className;
    };

    var proxied = XMLHttpRequest.prototype.open;

    XMLHttpRequest.prototype.open = function (method, url, async, user, pass) {
        var self = this;
        /* prevent logging AJAX calls to static and inline files, like templates */
        if (url.substr(0, 1) === '/' && !url.match(new RegExp("{{ excluded_ajax_paths }}"))) {
            var stackElement = {
                loading: true,
                error: false,
                url: url,
                method: method,
                start: new Date()
            };
            requestStack.push(stackElement);
            this.addEventListener("readystatechange", function () {
                if (self.readyState == 4) {
                    stackElement.duration = self.getResponseHeader("X-Debug-Duration") || new Date() - stackElement.start;
                    stackElement.loading = false;
                    stackElement.statusCode = self.status;
                    stackElement.error = self.status < 200 || self.status >= 400;
                    stackElement.profile = self.getResponseHeader("X-Debug-Tag");
                    stackElement.profilerUrl = self.getResponseHeader("X-Debug-Link");
                    renderAjaxRequests();
                }
            }, false);
            renderAjaxRequests();
        }
        proxied.apply(this, Array.prototype.slice.call(arguments));
    };

})();</script><script src="/assets/3a46347d/jquery.js"></script>
<script src="/assets/610d2df9/yii.js"></script>
<script src="/js/materialize.min.js"></script>
<script src="/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
<script src="/plugins/node-waves/waves.js"></script>