@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Dancing+Script:400,700");

/*!
 * Bootstrap Colorpicker v2.5.1
 * https://itsjavi.com/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */.colorpicker-saturation{width:100px;height:100px;background-image:url(data:image/png;base64,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);cursor:crosshair;float:left}.colorpicker-saturation i{display:block;height:5px;width:5px;border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;top:0;left:0;margin:-4px 0 0 -4px}.colorpicker-saturation i b{display:block;height:5px;width:5px;border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-alpha,.colorpicker-hue{width:15px;height:100px;float:left;cursor:row-resize;margin-left:4px;margin-bottom:4px}.colorpicker-alpha i,.colorpicker-hue i{display:block;height:1px;background:#000;border-top:1px solid #fff;position:absolute;top:0;left:0;width:100%;margin-top:-1px}.colorpicker-hue{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAh0lEQVR4XgXAg3EDAAAAwI9to7Zt27a1/w49BASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHXo1KVbj159+g0YNGTYiFFjxk2YNGXajFlz5i1YtGTZilVr1m3YtGXbjl179h04dOTYiVNnzl24dOXajVt37j149OTZi1dv3n349OXbj19//wOxE1dQ8reGAAAAAElFTkSuQmCC)}.colorpicker-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=);display:none}.colorpicker-alpha,.colorpicker-hue,.colorpicker-saturation{background-size:contain}.colorpicker{padding:4px;min-width:130px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:2500}.colorpicker:after,.colorpicker:before{display:table;content:"";line-height:0}.colorpicker:after{clear:both}.colorpicker:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:6px}.colorpicker:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.colorpicker div{position:relative}.colorpicker.colorpicker-with-alpha{min-width:140px}.colorpicker.colorpicker-with-alpha .colorpicker-alpha{display:block}.colorpicker-color{height:10px;margin-top:5px;clear:both;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=);background-position:0 100%}.colorpicker-color div{height:10px}.colorpicker-selectors{display:none;height:10px;margin-top:5px;clear:both}.colorpicker-selectors i{cursor:pointer;float:left;height:10px;width:10px}.colorpicker-selectors i+i{margin-left:3px}.colorpicker-element .add-on i,.colorpicker-element .input-group-addon i{display:inline-block;cursor:pointer;height:16px;vertical-align:text-top;width:16px}.colorpicker.colorpicker-inline{position:relative;display:inline-block;float:none;z-index:auto}.colorpicker.colorpicker-horizontal{width:110px;min-width:110px;height:auto}.colorpicker.colorpicker-horizontal .colorpicker-saturation{margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-color{width:100px}.colorpicker.colorpicker-horizontal .colorpicker-alpha,.colorpicker.colorpicker-horizontal .colorpicker-hue{width:100px;height:15px;float:left;cursor:col-resize;margin-left:0;margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-alpha i,.colorpicker.colorpicker-horizontal .colorpicker-hue i{display:block;height:15px;background:#fff;position:absolute;top:0;left:0;width:1px;border:none;margin-top:0}.colorpicker.colorpicker-horizontal .colorpicker-hue{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAABCAMAAAAfBfuPAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAbUlEQVR4XgXAghEDsbxtlrZt27ax/w49ACAYQTGcICmaYTleECVZUTXdMC1Wm93hdLk9Xp8/EAyFI9FYPJFMpTPZXL5QLJUr1Vq90Wy1O91efzAcjSfT2XyxXK03293+cDydL9fb/fF8vT/f3x+LfRNXARMbCAAAAABJRU5ErkJggg==)}.colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAKCAQAAADoFTP1AAAB9ElEQVR4XoWTQW4VMRBEu9qWEimL7DhEMp8NF+ASnJJLcAQgE1bcgBUSkYKUuHCrZ9pjeqSU5Yn9LPu7umJQBIIv+k7vIOrtK66L4lmr3pVOrOv3otp619KZ0/KjdNI79L52Uo09FBQWrU0vfe5trezU+hLsoUKd3Repovte+0vbq/7Lj5XbaHECKasR9G4MPlbp+gzZxd6koPEJCkAYC5SjcOTAIIOK90Dja1IfIZ8Z+zAY9jm3b5Ia+MT5sFcqRJrR2AYYA8Kua5BzYRrFPNmD4PQMegGJMOffJJUsWiI3nCHZZjInNdffLWOufzbc3JaboCAVxwmnRHbhLSPwRJ4wU0BRSc6HkECYYVw95nMKgJOcylxrJttE5Ibzf9Xq9GPvP+WX3MiV/MGHfRu/SentRQrfG1GzsIrytdNXucSRKxQNIGHM9YhGFQJcdjNcBZvfJayuYe4Sia1CzwW+19mWOhe37HsxJWKwbu/jluEU15QzAQjAqCEbhMJc78GYV2E0kooHDubUImWkTOhGpgv8PoT8DJG/bzxna4BZ0eOFSOaLADGeSpFsg5AzeaDZIDQQXjZ4y/8ryfzUXBwdELRjTjCNvOeT0rNlrJz90vwy6N9pXXQEluX0inElpPWokSdiLCfiNJJjMKQ8Qsh8GEKQKMo/eiHrNbI9UksAAAAASUVORK5CYII=)}.colorpicker-right:before{left:auto;right:6px}.colorpicker-right:after{left:auto;right:7px}.colorpicker-no-arrow:before{border-right:0;border-left:0}.colorpicker-no-arrow:after{border-right:0;border-left:0}.colorpicker-alpha.colorpicker-visible,.colorpicker-hue.colorpicker-visible,.colorpicker-saturation.colorpicker-visible,.colorpicker-selectors.colorpicker-visible,.colorpicker.colorpicker-visible{display:block}.colorpicker-alpha.colorpicker-hidden,.colorpicker-hue.colorpicker-hidden,.colorpicker-saturation.colorpicker-hidden,.colorpicker-selectors.colorpicker-hidden,.colorpicker.colorpicker-hidden{display:none}.colorpicker-inline.colorpicker-visible{display:inline-block}
/*# sourceMappingURL=bootstrap-colorpicker.min.css.map */

.margin-bottom {margin-bottom: 15px}
.margin-bottom-small {margin-bottom: 5px}
.margin-bottom-large {margin-bottom: 45px}

.one_one { width: 100% ; float: left; }
.one_two { width: 50% ; float: left; }
.one_three { width: 33.33% ; float: left; }
.one_four { width: 25% ; float: left; }
.one_five { width: 20% ; float: left; }
.two_three { width: 66.66% ; float: left; }
.two_five { width: 40% ; float: left; }
.three_four{ width: 75% ; float: left; }
.three_five { width: 60% ; float: left; }
.four_five { width: 80% ; float: left; }

.one_1{ width: 100%;float:left; }
.one_2{ width: 50%;float:left; }
.one_3{ width: 33.33%;float:left; }
.one_4{ width: 25%;float:left; }
.one_5{ width: 20%;float:left; }
.one_6{ width: 16.67%;float:left; }
.one_7{ width: 14.28%;float:left; }
.one_8{ width: 12.5%;float:left; }

@media screen and (max-width: 760px) and (min-width: 480px) {
    .md_one_one { width: 100% ; float: left; margin-bottom: 10px;}
    .md_one_two { width: 50% ; float: left; margin-bottom: 10px;}
    .md_one_three { width: 33% ; float: left; margin-bottom: 10px;}
    .md_one_four { width: 25% ; float: left; margin-bottom: 10px;}
    .md_one_five { width: 20% ; float: left; margin-bottom: 10px;}
    .md_two_three { width: 66.66% ; float: left; margin-bottom: 10px;}
    .md_two_five { width: 40% ; float: left; margin-bottom: 10px;}
    .md_three_four{ width: 75% ; float: left; margin-bottom: 10px;}
    .md_three_five { width: 60% ; float: left; margin-bottom: 10px;}
    .md_four_five { width: 80% ; float: left; margin-bottom: 10px;}
}

@media screen and (max-width: 480px) {
    .sm_one_one { width: 100% ; float: left; margin-bottom: 5px; }
    .sm_one_two { width: 50% ; float: left; margin-bottom: 5px; }
    .sm_one_three { width: 33% ; float: left; margin-bottom: 5px; }
    .sm_one_four { width: 25% ; float: left; margin-bottom: 5px; }
    .sm_one_five { width: 20% ; float: left; margin-bottom: 5px; }
    .sm_two_three { width: 66.66% ; float: left; margin-bottom: 5px; }
    .sm_two_five { width: 40% ; float: left; margin-bottom: 5px; }
    .sm_three_four{ width: 75% ; float: left; margin-bottom: 5px; }
    .sm_three_five { width: 60% ; float: left; margin-bottom: 5px; }
    .sm_four_five { width: 80% ; float: left; margin-bottom: 5px; }
}
/*=======================ICON====================*/
.fa {color:#666; cursor: pointer;}
.fa-star-0:before{content: "\f006 \f006 \f006 \f006 \f006";}
.fa-star-0-5:before{content: "\f123 \f006 \f006 \f006 \f006";}
.fa-star-1:before{content: "\f005 \f006 \f006 \f006 \f006";}
.fa-star-1-5:before{content: "\f005 \f123 \f006 \f006 \f006";}
.fa-star-2:before{content: "\f005 \f005 \f006 \f006 \f006";}
.fa-star-2-5:before{content: "\f005 \f005 \f123 \f006 \f006";}
.fa-star-3:before{content: "\f005 \f005 \f005 \f006 \f006";}
.fa-star-3-5:before{content: "\f005 \f005 \f005 \f123 \f006";}
.fa-star-4:before{content: "\f005 \f005 \f005 \f005 \f006";}
.fa-star-4-5:before{content: "\f005 \f005 \f005 \f005 \f123";}
.fa-star-5:before{content: "\f005 \f005 \f005 \f005 \f005";}
.hidden { display: none; }
.hidden-fake { height: 0 !important; border-left: 1px solid transparent !important; border-bottom: none !important; outline: none; width: 0 !important; border-top: none !important; border-right: none !important; padding: 0;display: inline-block !important;}
.text-center { text-align: center; }


.g-form-container { width:100%; margin: auto; font-family: 'Raleway', sans-serif; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; color: #777; font-weight: 300;}
.g-form-container h2 { margin: 0 0 20px 0; font-weight: 500; font-size: 34px; color: #333; text-transform: uppercase;}
.g-form-container .layout-wrap { position: relative; }
.g-form-container .layout-wrap .layout {  }
.g-form-container .layout .g-form-control {}
.g-form-container .g-form-group { position: relative; display: block; padding-right: 10px; padding-left: 10px;margin-bottom: 20px;width: 100%;clear: both; background: transparent;    box-sizing: border-box;}
.g-form-container .g-form-group.hr-style { margin: 0; }
.g-form-container .g-form-group.hr-style hr { margin: 30px 0; }
.g-form-container .g-form-group iframe[src*="https://www.google.com/maps/embed?"]{ width: 100%; min-height: 200px; }
.g-form-container .g-form-group .help-block{ margin:0; }
.g-form-container .g-form-group .heading_descript { margin-top: -20px; font-size: 12px; }
.g-form-container .g-form-group > label { color: #000; font-weight: 500; display: block; margin-bottom: 5px; min-height: 24px;}
.g-form-container .g-form-group > input[type="text"],.g-form-container .g-form-group .colorpicker-component > input{ width:100%;padding-left: 10px;height: 33px;     box-sizing: border-box;}
.g-form-container .g-form-group > input[type="password"]{padding-left: 10px;height: 33px;margin-bottom: 2px; width:100%;    box-sizing: border-box;}
.g-form-container .g-form-group > input[type="number"]{ padding-left: 10px;height: 33px;margin: 0px 0 2px; width:100%;    box-sizing: border-box;}
.g-form-container .g-form-group .checkbox { height: 27px;  }
.g-form-container .g-form-group .checkbox > label { text-transform: inherit;cursor: pointer; color: #000; font-weight: 400;}
.g-form-container .g-form-group .radio > label {text-transform: inherit; cursor: pointer; color: #000; font-weight: 400; line-height: 27px;margin-bottom: 0;}
.g-form-container .g-form-group input[type="checkbox"]{}
.g-form-container .g-form-group > select { width: 100%; padding-left: 10px; padding-right: 5px; height: 33px; padding-top: 5px; padding-bottom: 5px;     box-sizing: border-box;}
.g-form-container .g-form-group > textarea { padding-right: 10px;margin-bottom: 2px;width: 100%;     box-sizing: border-box;}
.g-form-container .g-form-group .rating {    border: none !important; background: none; width: 30px; display: inline-block; padding: 0;}
.g-form-container .g-form-group .rating:focus {outline: none;border: none !important;background: none;}
.g-form-container .g-form-group .file-btn { padding: 7px 20px; background: #cccccc; display: inline-table; cursor: pointer; font-size: 12px; }
.g-form-container .g-form-group input.error,.g-form-container .g-form-group textarea.error,.g-form-container .g-form-group select.error { border:1px solid red; }
.g-form-container .g-form-group .colorpicker-component  { width: 100%;position: relative; }
.g-form-container .g-form-group .colorpicker-component > input{ width: 100%;margin: 0; }
.g-form-container .g-form-group .colorpicker-component > span.input-group-addon  { position: absolute; right: 0; top: 50%; transform: translate(-75%,-50%); }
.g-form-container .g-form-group .colorpicker-component > span.input-group-addon > i   { border:1px solid;display:-webkit-box; }
.g-form-container .g-form-group table {}
.g-form-container .g-form-group table td,.g-form-container .g-form-group table th {
    border:none;
}
.g-form-container .g-form-group table th {
    font-weight: 100;
    font-family: unset;
}
.g-form-container .g-form-group table{
    width: 100%;
    border: none;
    background: none;
}
/*Product Select*/
.g-form-container .g-form-group .g_product {
    padding-right: 10px;
    margin-bottom: 20px;

}
.g-form-container .g-form-group .thumb {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: block;
    height: 300px;
    margin-bottom: 5px;
}

.g-form-container .g-form-group img {
    position: absolute;
    z-index: 0;
    max-width: initial;
    max-height: initial;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: auto;
    width: 100%;
    margin: 0;
}
.g-form-container .g-form-group .html_content img {
    position: relative;
    display: block;
    transform: none;
    top: unset;
    left: unset;
}
.g-form-container .g-form-group .g_product .radio {
    position: absolute;
    top: 40%;
    left: 0;
    transform: translate(0,-50%);
}
.g-form-container .g-form-group .g_product .checkbox {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
}

.g-form-container .g-form-group .g_product .title {
    position: relative;
    padding-left: 25px;
    z-index: 1;
    height: 27px;
}




.radio label.error {top: 92% !important; }
.radio {
    position: relative;
    margin-bottom: 5px;
}




input.InputSlider.error { border:none !important;}
input[type="file"].error { margin: 0;}
textarea[data-is-editor="true"]{
    width: 0;
    height: 0;
    padding: 0 !important;
    margin: 0;
    display: block !important;
    outline: 0;
    border: none !important;
    position: absolute;
    background: none;
}
.g-form-container .g-form-group label.error { font-size: 11px; color: red; font-weight: 500; position: absolute; top: 100%; left: 10px;text-transform: inherit; }
.g-form-container .g-form-group small.text-description { color: #636c72!important; display: block; font-size: 80%; font-weight: 400; font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}
.g-form-container .g-form-group label.selectedfile {    display: inline-table; position: absolute; font-size: 14px; font-weight: 100; line-height: 30px;}


.g-form-container .clearfix { margin-left: -10px; margin-right: -10px;}
.g-form-container .clearfix::after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.g-form-container .saveForm {clear: both; position: relative;margin-top: 10px;margin-right: -10px;margin-left: -10px; padding: 0px 10px 0px 10px; }
.g-form-container .saveForm > button { }
.g-form-container .saveForm > button > i {color: #FFF; margin-left: 5px;}
.g-form-container .saveForm .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 9;cursor: no-drop; }
.g-form-container .saveForm .overlay::before { content: "" }
.successSubmit { font-size: 23px; text-align: center; color: #24790f; margin-bottom: 15px;}
.g-form-container .g-btn { border-width: 2px; font-weight: 400; font-size: 0.8571em; line-height: 1.35em; border: none; border-radius: 0.1875rem; padding: 11px 22px; cursor: pointer; background-color: #B8B8B8; color: #FFFFFF;transition: all .3s;}
.g-form-container .g-btn-success { background-color: #18ce0f; color: #FFFFFF; }
.g-form-container .g-btn-success:hover { background-color: #15b60d; color: #FFFFFF;}
.g-form-container .sliderElement { padding-left: 7px;padding-top: 15px }
.g-form-container input.InputSlider {border: none; padding-bottom: 10px;width: 60px !important;position: absolute;top: 20px;background: none;padding: 0;outline: none; }

.g-form-container .background-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.g-form-group input.form-control,.g-form-group textarea.form-control {
    border: 1px solid;
}



.elementToFadeIOut {
    -webkit-animation: fadeinout .3s linear forwards;
    animation: fadeinout .3s linear forwards;
    /*overflow: hidden;
    height: 0px;
    transition: height 10s;*/
}
@-webkit-keyframes fadeinout {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeinout {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

/*=============Template==============================*/
.text-danger { color:red; }
.checkbox {
	margin-bottom: 5px;
}
.checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    margin: 0;
    z-index: -1;
}
.checkbox .checkbox-material {
  vertical-align: middle;
  position: relative;
  top: 3px;
  padding-right: 5px;
}
.checkbox .checkbox-material:before {
  display: block;
  position: absolute;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.84);
  height: 20px;
  width: 20px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
  transform: scale3d(2.3, 2.3, 1);
}
.checkbox .checkbox-material .check {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(0,0,0, .54);
  overflow: hidden;
  z-index: 1;
}
.checkbox .checkbox-material .check:before {
  position: absolute;
  content: "";
  transform: rotate(45deg);
  display: block;
  margin-top: -3px;
  margin-left: 8px;
  width: 0;
  height: 0;
  background: red;
  box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
  animation: checkbox-off 0.3s forwards;
}
.checkbox input[type=checkbox]:focus ~ .checkbox-material .check:after {
  opacity: 0.2;
}
.checkbox input[type=checkbox]:checked ~ .checkbox-material .check {
  background: #9c27b0;
}
.checkbox input[type=checkbox]:checked ~ .checkbox-material .check:before {
  color: #FFFFFF;
  box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  animation: checkbox-on 0.3s forwards;
}
.checkbox input[type=checkbox]:checked ~ .checkbox-material:before {
  animation: rippleOn 500ms;
}
.checkbox input[type=checkbox]:checked ~ .checkbox-material .check:after {
  animation: rippleOn 500ms forwards;
}
.checkbox input[type=checkbox]:not(:checked) ~ .checkbox-material:before {
  animation: rippleOff 500ms;
}
.checkbox input[type=checkbox]:not(:checked) ~ .checkbox-material .check:after {
  animation: rippleOff 500ms;
}
fieldset[disabled] .checkbox, fieldset[disabled] .checkbox input[type=checkbox],
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check,
.checkbox input[type=checkbox][disabled] ~ .circle {
  opacity: 0.5;
}
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check {
  border-color: #000000;
  opacity: .26;
}
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check:after {
  background-color: rgba(0,0,0, 0.87);
  transform: rotate(-45deg);
}

@keyframes checkbox-on {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
  }
  50% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
  }
  100% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }
}
@keyframes rippleOn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rippleOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
/*.radio {
	margin-bottom: 5px;
	height: 27px;
}
.radio label {
  cursor: pointer;
  padding-left: 15px;
  position: relative;
  color: rgba(0,0,0, 0.26);
}
.radio label.error{
    position: absolute;
    left: 0px;
    bottom: 0;
    padding: 0;
}
.form-group.is-focused .radio label {
  color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .radio label:hover, .form-group.is-focused .radio label:focus {
  color: rgba(0,0,0, .54);
}
fieldset[disabled] .form-group.is-focused .radio label {
  color: rgba(0,0,0, 0.26);
}
.radio label span {
  display: block;
  position: absolute;
  left: 0px;
  top: 2px;
  transition-duration: 0.2s;
}*/

.radio label .circle {
    border: 1px solid rgba(0,0,0, .54);
    height: 18px;
    width: 18px;
    border-radius: 100%;
    margin: 0;
    margin-top: 4px;
    display: inline-block;
    float: left;
    margin-right: 5px;
}
.radio label .check {
    border-radius: 100%;
    display: inline-block;
    background-color: #9c27b0;
    width: 14px;
    height: 14px;
    position: absolute;
    left: -1px;
    transform: scale3d(0, 0, 0)
}
.radio label .check:after {
  display: block;
  position: absolute;
  content: "";
  background-color: rgba(0,0,0, 0.87);
  left: -18px;
  top: -18px;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
  transform: scale3d(1.5, 1.5, 1);
}
.radio label input[type=radio]:not(:checked) ~ .check:after {
  animation: rippleOff 500ms;
}
.radio label input[type=radio]:checked ~ .check:after {
  animation: rippleOn 500ms;
}
.radio input[type=radio] {
    opacity: 0;
    width: 0;
    position: absolute;
}
.radio input[type=radio]:checked ~ .check, .radio input[type=radio]:checked ~ .circle {
  opacity: 1;
}
.radio input[type=radio]:checked ~ .check {
  background-color: #9c27b0;
  transform: scale3d(0.65, 0.65, 1);
  margin-left: 3px;
  margin-top: 6px;
}
.radio input[type=radio]:checked ~ .circle {
  border-color: #9c27b0;
}
.radio input[type=radio][disabled] ~ .check, .radio input[type=radio][disabled] ~ .circle {
  opacity: 0.26;
}
.radio input[type=radio][disabled] ~ .check {
  background-color: #000000;
}
.radio input[type=radio][disabled] ~ .circle {
  border-color: #000000;
}

@keyframes rippleOn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rippleOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}



/*=Datetime Now=*/
  .collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
       -o-transition-property: height, visibility;
          transition-property: height, visibility;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
 .g-form-container  .dropdown {
  position: relative;
}
.g-form-container .dropdown-toggle:focus {
  outline: 0;
}
.g-form-container .dropdown-menu:not(.colorpicker){
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.g-form-container .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.g-form-container .dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.g-form-container .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.g-form-container .dropdown-menu > li > a:hover,
.g-form-container .dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.g-form-container .dropdown-menu > .active > a,
.g-form-container .dropdown-menu > .active > a:hover,
.g-form-container .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.g-form-container .dropdown-menu > .disabled > a,
.g-form-container .dropdown-menu > .disabled > a:hover,
.g-form-container .dropdown-menu > .disabled > a:focus {
  color: #777;
}
.g-form-container .dropdown-menu > .disabled > a:hover,
.g-form-container .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.g-form-container .open > .dropdown-menu {
  display: block;
}
.g-form-container .open > a {
  outline: 0;
}
.g-form-container .dropdown-menu-right {
  right: 0;
  left: auto;
}
.g-form-container .dropdown-menu-left {
  right: auto;
  left: 0;
}
.g-form-container .dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.g-form-container .dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.g-form-container .pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.g-form-container .dropup .caret,
.g-form-container .navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.g-form-container .dropup .dropdown-menu,
.g-form-container .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .g-form-container .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .g-form-container .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
  .g-form-container .dropdown-menu {
    border: 0;
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);
    border-radius: 0.125rem;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    font-size: 14px; }
  .g-form-container .dropdown-menu.dropdown-menu-right:before {
    left: auto;
    right: 10px; }
  .g-form-container .dropdown-menu:before {
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    vertical-align: middle;
    content: "";
    top: -5px;
    left: 10px;
    right: auto;
    color: #FFFFFF;
    border-bottom: .4em solid;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent; }
  .g-form-container .dropdown-menu .dropdown-item {
    font-size: 0.8571em;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear; }
  .g-form-container .dropdown-menu .dropdown-item:hover, .g-form-container .dropdown-menu .dropdown-item:focus {
    background-color: rgba(222, 222, 222, 0.3); }
  .g-form-container .dropdown-menu .dropdown-divider {
    background-color: rgba(222, 222, 222, 0.5); }
  .g-form-container .dropdown-menu .dropdown-header:not([href]):not([tabindex]) {
    color: rgba(182, 182, 182, 0.6);
    font-size: 0.7142em;
    text-transform: uppercase;
    font-weight: 700; }
  .g-form-container .dropdown-menu.dropdown-primary {
    background-color: #f95823; }
  .g-form-container .dropdown-menu.dropdown-primary:before {
    color: #f95823; }
  .g-form-container .dropdown-menu.dropdown-primary .dropdown-header:not([href]):not([tabindex]) {
    color: rgba(255, 255, 255, 0.8); }
  .g-form-container .dropdown-menu.dropdown-primary .dropdown-item {
    color: #FFFFFF; }
  .g-form-container .dropdown-menu.dropdown-primary .dropdown-item:hover, .g-form-container .dropdown-menu.dropdown-primary .dropdown-item:focus {
    background-color: rgba(255, 255, 255, 0.2); }
  .g-form-container .dropdown-menu.dropdown-primary .dropdown-divider {
    background-color: rgba(255, 255, 255, 0.2); }
  .g-form-container .dropdown-menu.dropdown-info {
    background-color: #1da2ff; }
  .g-form-container .dropdown-menu.dropdown-info:before {
    color: #1da2ff; }
  .g-form-container .dropdown-menu.dropdown-info .dropdown-header:not([href]):not([tabindex]) {
    color: rgba(255, 255, 255, 0.8); }
  .g-form-container .dropdown-menu.dropdown-info .dropdown-item {
    color: #FFFFFF; }
  .g-form-container .dropdown-menu.dropdown-info .dropdown-item:hover, .g-form-container .dropdown-menu.dropdown-info .dropdown-item:focus {
    background-color: rgba(255, 255, 255, 0.2); }
  .g-form-container .dropdown-menu.dropdown-info .dropdown-divider {
    background-color: rgba(255, 255, 255, 0.2); }
  .g-form-container .dropdown-menu.dropdown-danger {
    background-color: #ff2727; }
  .g-form-container .dropdown-menu.dropdown-danger:before {
    color: #ff2727; }
  .g-form-container .dropdown-menu.dropdown-danger .dropdown-header:not([href]):not([tabindex]) {
    color: rgba(255, 255, 255, 0.8); }
  .g-form-container .dropdown-menu.dropdown-danger .dropdown-item {
    color: #FFFFFF; }
  .g-form-container .dropdown-menu.dropdown-danger .dropdown-item:hover, .g-form-container .dropdown-menu.dropdown-danger .dropdown-item:focus {
    background-color: rgba(255, 255, 255, 0.2); }
  .g-form-container .dropdown-menu.dropdown-danger .dropdown-divider {
    background-color: rgba(255, 255, 255, 0.2); }
  .g-form-container .dropdown-menu.dropdown-success {
    background-color: #16c00e; }
  .g-form-container .dropdown-menu.dropdown-success:before {
    color: #16c00e; }
  .g-form-container .dropdown-menu.dropdown-success .dropdown-header:not([href]):not([tabindex]) {
    color: rgba(255, 255, 255, 0.8); }
  .g-form-container .dropdown-menu.dropdown-success .dropdown-item {
    color: #FFFFFF; }
  .g-form-container .dropdown-menu.dropdown-success .dropdown-item:hover, .g-form-container .dropdown-menu.dropdown-success .dropdown-item:focus {
    background-color: rgba(255, 255, 255, 0.2); }
  .g-form-container .dropdown-menu.dropdown-success .dropdown-divider {
    background-color: rgba(255, 255, 255, 0.2); }
  .g-form-container .dropdown-menu.dropdown-warning {
    background-color: #ffac27; }
  .g-form-container .dropdown-menu.dropdown-warning:before {
    color: #ffac27; }
  .g-form-container .dropdown-menu.dropdown-warning .dropdown-header:not([href]):not([tabindex]) {
    color: rgba(255, 255, 255, 0.8); }
  .g-form-container .dropdown-menu.dropdown-warning .dropdown-item {
    color: #FFFFFF; }
  .g-form-container .dropdown-menu.dropdown-warning .dropdown-item:hover, .g-form-container .dropdown-menu.dropdown-warning .dropdown-item:focus {
    background-color: rgba(255, 255, 255, 0.2); }
  .g-form-container .dropdown-menu.dropdown-warning .dropdown-divider {
    background-color: rgba(255, 255, 255, 0.2); }
  .g-form-container .dropdown .dropdown-menu {
    -webkit-transform: translate3d(0, -25px, 0);
    -moz-transform: translate3d(0, -25px, 0);
    -o-transform: translate3d(0, -25px, 0);
    -ms-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0);
    visibility: hidden;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0); }
  .g-form-container .dropdown.show .dropdown-menu, .dropdown-menu.open {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0); }
  .g-form-container .navbar .dropdown.show .dropdown-menu {
    -webkit-transform: translate3d(0, 7px, 0);
    -moz-transform: translate3d(0, 7px, 0);
    -o-transform: translate3d(0, 7px, 0);
    -ms-transform: translate3d(0, 7px, 0);
    transform: translate3d(0, 7px, 0); }

  .g-form-container .button-dropdown {
    padding-right: 0.7rem;
    cursor: pointer; }
  .g-form-container .button-dropdown .dropdown-toggle {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    display: block; }
  .g-form-container .button-dropdown .dropdown-toggle:after {
    display: none; }


    .g-form-container .navbar-nav > li > .dropdown-menu,
      .g-form-container .dropdown .dropdown-menu,
      .g-form-container .dropdown-menu.bootstrap-datetimepicker-widget {
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        -ms-transition: all 150ms linear;
        transition: all 150ms linear;
        margin-top: -20px;
        visibility: hidden;
        display: block;
        opacity: 0;
        padding: 0;
        filter: alpha(opacity=0);
        width: 241px;
      }
	.g-form-container .dropdown-menu.bootstrap-datetimepicker-widget ul.list-unstyled {
		padding: 0;
  	list-style: none;
    margin:0;
	}
      .navbar-nav > li.open > .dropdown-menu,
      .dropdown.open .dropdown-menu,
      .dropdown-menu.bootstrap-datetimepicker-widget.open {
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
        margin-top: 0px;
      }
    /*!
     * Datepicker for Bootstrap v1.7.0-dev (https://github.com/uxsolutions/bootstrap-datepicker)
     *
     * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
     */
    .datepicker { }
    .datepicker.dropdown-menu:before {
      display: none; }
    .datepicker.datepicker-primary {
      background-color: #f96332; }
    .datepicker.datepicker-primary th, .datepicker.datepicker-primary .day div, .datepicker.datepicker-primary table tr td span {
      color: #FFFFFF; }
    .datepicker.datepicker-primary:after {
      border-bottom-color: #f96332; }
    .datepicker.datepicker-primary.datepicker-orient-top:after {
      border-top-color: #f96332; }
    .datepicker.datepicker-primary .dow {
      color: rgba(255, 255, 255, 0.8); }
    .datepicker.datepicker-primary table tr td.old div, .datepicker.datepicker-primary table tr td.new div, .datepicker.datepicker-primary table tr td span.old, .datepicker.datepicker-primary table tr td span.new {
      color: rgba(255, 255, 255, 0.4); }
    .datepicker.datepicker-primary table tr td span:hover, .datepicker.datepicker-primary table tr td span.focused {
      background: rgba(255, 255, 255, 0.1); }
    .datepicker.datepicker-primary .datepicker-switch:hover, .datepicker.datepicker-primary .prev:hover, .datepicker.datepicker-primary .next:hover, .datepicker.datepicker-primary tfoot tr th:hover {
      background: rgba(255, 255, 255, 0.2); }
    .datepicker.datepicker-primary table tr td.active div, .datepicker.datepicker-primary table tr td.active:hover div, .datepicker.datepicker-primary table tr td.active.disabled div, .datepicker.datepicker-primary table tr td.active.disabled:hover div {
      background-color: #FFFFFF;
      color: #f96332; }
    .datepicker.datepicker-primary table tr td.day:hover div, .datepicker.datepicker-primary table tr td.day.focused div {
      background: rgba(255, 255, 255, 0.2); }
    .datepicker.datepicker-primary table tr td.active:hover div, .datepicker.datepicker-primary table tr td.active:hover:hover div, .datepicker.datepicker-primary table tr td.active.disabled:hover div, .datepicker.datepicker-primary table tr td.active.disabled:hover:hover div, .datepicker.datepicker-primary table tr td.active:active div, .datepicker.datepicker-primary table tr td.active:hover:active div, .datepicker.datepicker-primary table tr td.active.disabled:active div, .datepicker.datepicker-primary table tr td.active.disabled:hover:active div, .datepicker.datepicker-primary table tr td.active.active div, .datepicker.datepicker-primary table tr td.active:hover.active div, .datepicker.datepicker-primary table tr td.active.disabled.active div, .datepicker.datepicker-primary table tr td.active.disabled:hover.active div, .datepicker.datepicker-primary table tr td.active.disabled div, .datepicker.datepicker-primary table tr td.active:hover.disabled div, .datepicker.datepicker-primary table tr td.active.disabled.disabled div, .datepicker.datepicker-primary table tr td.active.disabled:hover.disabled div, .datepicker.datepicker-primary table tr td.active[disabled] div, .datepicker.datepicker-primary table tr td.active:hover[disabled] div, .datepicker.datepicker-primary table tr td.active.disabled[disabled] div, .datepicker.datepicker-primary table tr td.active.disabled:hover[disabled] div, .datepicker.datepicker-primary table tr td span.active:hover, .datepicker.datepicker-primary table tr td span.active:hover:hover, .datepicker.datepicker-primary table tr td span.active.disabled:hover, .datepicker.datepicker-primary table tr td span.active.disabled:hover:hover, .datepicker.datepicker-primary table tr td span.active:active, .datepicker.datepicker-primary table tr td span.active:hover:active, .datepicker.datepicker-primary table tr td span.active.disabled:active, .datepicker.datepicker-primary table tr td span.active.disabled:hover:active, .datepicker.datepicker-primary table tr td span.active.active, .datepicker.datepicker-primary table tr td span.active:hover.active, .datepicker.datepicker-primary table tr td span.active.disabled.active, .datepicker.datepicker-primary table tr td span.active.disabled:hover.active, .datepicker.datepicker-primary table tr td span.active.disabled, .datepicker.datepicker-primary table tr td span.active:hover.disabled, .datepicker.datepicker-primary table tr td span.active.disabled.disabled, .datepicker.datepicker-primary table tr td span.active.disabled:hover.disabled, .datepicker.datepicker-primary table tr td span.active[disabled], .datepicker.datepicker-primary table tr td span.active:hover[disabled], .datepicker.datepicker-primary table tr td span.active.disabled[disabled], .datepicker.datepicker-primary table tr td span.active.disabled:hover[disabled] {
      background-color: #FFFFFF; }
    .datepicker.datepicker-primary table tr td span.active:hover, .datepicker.datepicker-primary table tr td span.active:hover:hover, .datepicker.datepicker-primary table tr td span.active.disabled:hover, .datepicker.datepicker-primary table tr td span.active.disabled:hover:hover, .datepicker.datepicker-primary table tr td span.active:active, .datepicker.datepicker-primary table tr td span.active:hover:active, .datepicker.datepicker-primary table tr td span.active.disabled:active, .datepicker.datepicker-primary table tr td span.active.disabled:hover:active, .datepicker.datepicker-primary table tr td span.active.active, .datepicker.datepicker-primary table tr td span.active:hover.active, .datepicker.datepicker-primary table tr td span.active.disabled.active, .datepicker.datepicker-primary table tr td span.active.disabled:hover.active, .datepicker.datepicker-primary table tr td span.active.disabled, .datepicker.datepicker-primary table tr td span.active:hover.disabled, .datepicker.datepicker-primary table tr td span.active.disabled.disabled, .datepicker.datepicker-primary table tr td span.active.disabled:hover.disabled, .datepicker.datepicker-primary table tr td span.active[disabled], .datepicker.datepicker-primary table tr td span.active:hover[disabled], .datepicker.datepicker-primary table tr td span.active.disabled[disabled], .datepicker.datepicker-primary table tr td span.active.disabled:hover[disabled] {
      color: #f96332; }

    .datepicker-inline {
      width: 220px; }

    .datepicker.datepicker-rtl {
      direction: rtl; }

    .datepicker.datepicker-rtl.dropdown-menu {
      left: auto; }

    .datepicker.datepicker-rtl table tr td span {
      float: right; }

    .datepicker-dropdown {
      top: 0;
      left: 0; }

    .datepicker-dropdown:before {
      content: '';
      display: inline-block;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 7px solid transparent;
      border-top: 0;
      border-bottom-color: rgba(0, 0, 0, 0.2);
      position: absolute; }

    .datepicker-dropdown:after {
      content: '';
      display: inline-block;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid #fff;
      border-top: 0;
      position: absolute; }

    .datepicker-dropdown.datepicker-orient-left:before {
      left: 6px; }

    .datepicker-dropdown.datepicker-orient-left:after {
      left: 7px; }

    .datepicker-dropdown.datepicker-orient-right:before {
      right: 6px; }

    .datepicker-dropdown.datepicker-orient-right:after {
      right: 7px; }

    .datepicker-dropdown.datepicker-orient-bottom:before {
      top: -7px; }

    .datepicker-dropdown.datepicker-orient-bottom:after {
      top: -6px; }

    .datepicker-dropdown.datepicker-orient-top:before {
      bottom: -7px;
      border-bottom: 0;
      border-top: 7px solid transparent; }

    .datepicker-dropdown.datepicker-orient-top:after {
      bottom: -6px;
      border-bottom: 0;
      border-top: 6px solid #fff; }

    .datepicker table {
      margin: 0;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      width: 241px;
      max-width: 241px; }

    .datepicker .day div, .datepicker th {
      -webkit-transition: all 300ms ease 0s;
      -moz-transition: all 300ms ease 0s;
      -o-transition: all 300ms ease 0s;
      -ms-transition: all 300ms ease 0s;
      transition: all 300ms ease 0s;
      text-align: center;
      width: 30px;
      height: 30px;
      line-height: 2.2;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 50%;
      font-weight: 300;
      font-size: 14px;
      border: none;
      z-index: -1;
      position: relative;
      cursor: pointer; }

    .datepicker th {
      color: #f96332; }

    .table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
      padding: 2px;
      text-align: center;
      cursor: pointer;
      width: auto;
    }
    .picker-switch.accordion-toggle > table {
      border: none;
    }
    div.timepicker .table-condensed {
      border:none;
    }
    div.timepicker .table-condensed > tbody > tr > td{
          width: 60px !important;
    }
    div.timepicker .table-condensed > tbody > tr > td > a{
        background: #FFF;
        border: none;
        transition: color .5s;
        padding: 10px 0px;
    }
    div.timepicker .table-condensed > tbody > tr > td > a::after{
        content: '';
        border: none;
        outline: none;
    }
    div.timepicker .table-condensed > tbody > tr > td > a:hover{
        background: #FFF;
    }
    div.timepicker .table-condensed > tbody > tr > td > a:hover > span{
        color: #9c27b0;
    }
    div.timepicker .table-condensed > tbody > tr > td .btn:not(.disabled):hover::after,.timepicker .table-condensed > tbody > tr > td  .btn--secondary:not(.disabled):hover::after{
        outline: none;
        color: #1c2260
    }
    .table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
      background-color: transparent; }

    .datepicker table tr td.day:hover div, .datepicker table tr td.day.focused div {
      background: #eee;
      cursor: pointer; }

    .datepicker table tr td.old, .datepicker table tr td.new {
      color: #B8B8B8; }

    .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
      background: none;
      color: #B8B8B8;
      cursor: default; }

    .datepicker table tr td.highlighted {
      background: #d9edf7;
      border-radius: 0; }

    .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
      /*background-color: #fde19a;
      background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
      background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
      background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
      background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
      background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
      border-color: #fdf59a #fdf59a #fbed50;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
      color: #000;*/ }

    .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] {
      /*background-color: #fdf59a;*/ }

    .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active {
      background-color: #fbf069 \9; }

    .datepicker table tr td.today:hover:hover {
      color: #000; }

    .datepicker table tr td.today.active:hover {
      color: #fff; }

    .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover {
      background: #eee;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0; }

    .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover {
      background-color: #f3d17a;
      background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
      background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
      background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
      background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
      background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
      border-color: #f3e97a #f3e97a #edde34;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0; }

    .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled] {
      background-color: #f3e97a; }

    .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active {
      background-color: #efe24b \9; }

    .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
      background-color: #9e9e9e;
      background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
      background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
      background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
      background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
      background-image: linear-gradient(to bottom, #b3b3b3, #808080);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
      border-color: #808080 #808080 #595959;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

    .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] {
      background-color: #808080; }

    .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active {
      background-color: #666666 \9; }

    .datepicker table tr td.active div, .datepicker table tr td.active:hover div, .datepicker table tr td.active.disabled div, .datepicker table tr td.active.disabled:hover div {
      background-color: #f96332;
      color: #FFFFFF;
      box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2); }

    .datepicker table tr td.active:hover div, .datepicker table tr td.active:hover:hover div, .datepicker table tr td.active.disabled:hover div, .datepicker table tr td.active.disabled:hover:hover div, .datepicker table tr td.active:active div, .datepicker table tr td.active:hover:active div, .datepicker table tr td.active.disabled:active div, .datepicker table tr td.active.disabled:hover:active div, .datepicker table tr td.active.active div, .datepicker table tr td.active:hover.active div, .datepicker table tr td.active.disabled.active div, .datepicker table tr td.active.disabled:hover.active div, .datepicker table tr td.active.disabled div, .datepicker table tr td.active:hover.disabled div, .datepicker table tr td.active.disabled.disabled div, .datepicker table tr td.active.disabled:hover.disabled div, .datepicker table tr td.active[disabled] div, .datepicker table tr td.active:hover[disabled] div, .datepicker table tr td.active.disabled[disabled] div, .datepicker table tr td.active.disabled:hover[disabled] div {
      background-color: #f96332; }

    .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active {
      background-color: #003399 \9; }

    .datepicker table tr td span {
      display: block;
      width: 41px;
      height: 41px;
      line-height: 41px;
      float: left;
      margin: 1%;
      font-size: 14px;
      cursor: pointer;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }

    .datepicker table tr td span:hover, .datepicker table tr td span.focused {
      background: #eee; }

    .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
      background: none;
      color: #B8B8B8;
      cursor: default; }

    .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
      color: #fff;
      background-color: #f96332; }

    .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] {
      background-color: #f96332;
      box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2); }

    .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
      background-color: #003399 \9; }

    .datepicker table tr td span.old, .datepicker table tr td span.new {
      color: #B8B8B8; }

    .datepicker .datepicker-switch {
      width: auto;
      border-radius: 0.1875rem; }

    .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th {
      cursor: pointer; }

    .datepicker .prev, .datepicker .next {
      width: 35px;
      height: 35px; }
    .datepicker i {
      position: relative;
      top: 2px; }
    .datepicker .prev i {
      left: -1px; }
    .datepicker .next i {
      right: -1px; }

    .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
      background: #eee; }

    .datepicker .prev.disabled, .datepicker .next.disabled {
      visibility: hidden; }

    .datepicker .cw {
      font-size: 10px;
      width: 12px;
      padding: 0 2px 0 5px;
      vertical-align: middle; }

    .input-append.date .add-on, .input-prepend.date .add-on {
      cursor: pointer; }

    .input-append.date .add-on i, .input-prepend.date .add-on i {
      margin-top: 3px; }

    .input-daterange input {
      text-align: center; }

    .input-daterange input:first-child {
      -webkit-border-radius: 3px 0 0 3px;
      -moz-border-radius: 3px 0 0 3px;
      border-radius: 3px 0 0 3px; }

    .input-daterange input:last-child {
      -webkit-border-radius: 0 3px 3px 0;
      -moz-border-radius: 0 3px 3px 0;
      border-radius: 0 3px 3px 0; }

    .input-daterange .add-on {
      display: inline-block;
      width: auto;
      min-width: 16px;
      height: 18px;
      padding: 4px 5px;
      font-weight: normal;
      line-height: 18px;
      text-align: center;
      text-shadow: 0 1px 0 #fff;
      vertical-align: middle;
      background-color: #eee;
      border: 1px solid #ccc;
      margin-left: -5px;
      margin-right: -5px; }
    .table-condensed {  }
    .table-condensed td {
      border: none;
      text-align: center;
    }
    .bootstrap-datetimepicker-widget li .picker-switch.accordion-toggle {

    }
    .bootstrap-datetimepicker-widget .table-condensed{
    	    margin: auto;
    }
    .table-condensed td > a.togglePicker { }
    .table-condensed td > a.togglePicker > * {}
    .table-condensed td > a.togglePicker > span.fa-clock-o{}
    .timepicker {}
    .timepicker-picker {
     }
    .timepicker-picker > table > tr > td > a {
        background: #FFF;
        outline: none;
        border: none;
        padding: 5px 0px;
     }
     .timepicker-picker > table > tr > td > a::after {
        content: '';
        border:none;
        outline: none;
     }
    .timepicker-picker  .btn:not(.disabled):hover::after,.timepicker-picker  .btn--secondary:not(.disabled):hover::after{
      outline: none;
    }
    .timepicker-picker > table > tr > td{
        display: inline-block;
        width: 74px;
        text-align: center;
        font-size: 16px;
    }
    .timepicker-picker > table > tr > td.separator{
      display: inline-block;
        width: 5px;
        text-align: center;
        font-size: 16px;
    }
    .timepicker-picker > table > tr > td > button.btn{

    }
    .timepicker-picker > table > tr > td > button.btn::after{
        outline: none;
    }
    .timepicker-picker > table > tr > td > a > span {  }
    .timepicker-picker > table > tr > td .btn.btn-primary.btn-round { }
    .list-unstyled { padding: 0;margin: 0;margin-bottom: 10px }
    .list-unstyled .datepicker {}
    .list-unstyled .datepicker .datepicker-days{}
    .list-unstyled .datepicker .datepicker-days .table-condensed { background: transparent;}
    .list-unstyled .datepicker .datepicker-days .table-condensed > thead{}
    .list-unstyled .datepicker .datepicker-days .table-condensed > thead > tr {}
    .list-unstyled .timepicker td > button[data-action="togglePeriod"] { padding: 5px 15px;background: #9c27b0;border: none;border-radius: 5px;color: #FFF;cursor: pointer; }
.g-form-container tr:first-child th:after, tr:first-child td:after {
  border-bottom: none;
}


/*==No ui Material =*/
/* ANIMATION */
/* SHADOWS */
/* Shadows (from mdl http://www.getmdl.io/) */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -ms-touch-action: none;
  user-select: none;
  box-sizing: border-box;
}

.noUi-base {
 	 width: 100%;
  	height: 100%;
 	 position: relative;
  	background: #9c27b0;
	height: 2px;
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}

.noUi-stacking .noUi-handle {
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-horizontal {
  height: 10px;
}

.noUi-handle {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  left: -10px;
  top: -6px;
  cursor: pointer;
  border-radius: 100%;
  transition: all 0.2s ease-out;
  border: 1px solid;
  background: #FFFFFF;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  outline: none;
}

.noUi-vertical .noUi-handle {
  margin-left: 5px;
  cursor: ns-resize;
}

.noUi-horizontal.noUi-extended {
  padding: 0 15px;
}

.noUi-horizontal.noUi-extended .noUi-origin {
  right: -15px;
}

.noUi-background {
  height: 2px;
  margin: 20px 0;
}

.noUi-origin {
  margin: 0;
  border-radius: 0;
  height: 2px;
  background: #c8c8c8;
}
.noUi-origin[style^="left: 0"] .noUi-handle {
  background-color: #fff;
  border: 2px solid #c8c8c8;
}
.noUi-origin[style^="left: 0"] .noUi-handle.noUi-active {
  border-width: 1px;
}

.noUi-target {
  border-radius: 3px;
}

.noUi-horizontal {
  height: 2px;
  margin: 10px 0;
}


.noUi-vertical {
  height: 100%;
  width: 2px;
  margin: 0 15px;
  display: inline-block;
}

.noUi-handle.noUi-active {
  transform: scale3d(2, 2, 1);
}

[disabled].noUi-slider {
  opacity: 0.5;
}

[disabled] .noUi-handle {
  cursor: not-allowed;
}

.slider {
  background: #c8c8c8;
}

.slider.noUi-connect {
  background-color: #9c27b0;
}
.slider .noUi-handle {
  border-color: #9c27b0;
}
.slider.slider-info .noUi-connect, .slider.slider-info.noUi-connect {
  background-color: #00bcd4;
}
.slider.slider-info .noUi-handle {
  border-color: #00bcd4;
}
.slider.slider-success .noUi-connect, .slider.slider-success.noUi-connect {
  background-color: #4caf50;
}
.slider.slider-success .noUi-handle {
  border-color: #4caf50;
}
.slider.slider-warning .noUi-connect, .slider.slider-warning.noUi-connect {
  background-color: #ff9800;
}
.slider.slider-warning .noUi-handle {
  border-color: #ff9800;
}
.slider.slider-danger .noUi-connect, .slider.slider-danger.noUi-connect {
  background-color: #f44336;
}
.slider.slider-danger .noUi-handle {
  border-color: #f44336;
}







/*Update 21/11/2017*/
.g-form-group button.g-btn {
    height: 33px;
    line-height: 33px !important;
    padding: 0 !important;
    width: 100%;
}


/*Custom Css For Specific Shop*/
/*https://offset-solar.myshopify.com*/
.g-form-container .offset-solar input, .g-form-container .offset-solar button {
    background: #F6F9FA;
    border-color: #A7B0B5 !important;
    border-width: 1px;
    height: 44px !important;
}