﻿@charset "utf-8";
/* CSS Document */


/*start input text*/
.input-text::placeholder {
  color: #ababab;
}
.input-text::-moz-placeholder {
  color: #ababab;
}
.text-orange {
    color: #f2984a;
}
.input-text:focus{border-color: #c6c6c6;}
.input-ico,.input-left-ico,.input-right-ico{position: relative;}
    .input-ico i {
        position: absolute;
        top: 30%;
        right: 15px;
        color: #ababab;
    }
    .input-left-ico i {
        position: absolute;
        top: 35%;
        left: 15px;
        color: #ababab;
    }
.input-left-ico input{padding-left: 40px;}
.input-right-ico i{position: absolute;top: 35%;right: 5%;color: #ababab;}
.input-ico-left i{position: absolute;top: 20%;left: 25px;color: #ababab;}
.input-ico-left input{padding-left: 40px;}

.error-input{border-color: #e93e3e;}
.error-input:focus{border-color: #e93e3e;}
.success-input{border-color: #10a908;}
.success-input:focus{border-color: #10a908;}
/*end input text*/

/*start button*/
.select-input select{
  background: transparent;
  -webkit-appearance: none;
}
.select-input{
  background: url("../images/select-arrow.png") no-repeat right white;
  position: relative;
}
.input-select, .input-basic-select{position: relative;}
.input-select select{-webkit-appearance: none;}
.input-select select:focus{border-color: #c6c6c6;}
.input-select i{position: absolute;top: 40%;right: 7%;}

.input-basic-select i{position: absolute;top: 37%;right: 3%;}
.input-basic-select select{-webkit-appearance: none;}
/*end button*/


/*start button*/
.btn-skyblue{background-color: #82cee6;color: #fff !important;transition: 0.2s;}
.btn-skyblue:hover{border: 1px solid #82cee6;color: #82cee6 !important;background-color: transparent;}
.btn-skyblue:focus, .btn-skyblue.focus{box-shadow: 0 0 0 .2rem rgba(130,206,230,.25);}

.btn-orange-o{border: 1px solid #f2984a;color: #f2984a;transition: 0.2s;}
.btn-orange-o:hover{background-color: #f2984a;color: #fff;}
.btn-orange-o:focus,.btn-orange-o.focus{box-shadow: 0 0 0 .2rem rgba(247,151,67,.25);}

.btn-blue-o{border: 1px solid #949ce0;color: #949ce0;transition: 0.2s;}
.btn-blue-o:hover{background-color: #949ce0;color: #fff;}
.btn-blue-o:focus, .btn-blue-o.focus{box-shadow: 0 0 0 .2rem rgba(148,156,224,.25);}

.btn-green-o{border: 1px solid #8dc95d;color: #8dc95d;transition: 0.2s;}
.btn-green-o:hover{background-color: #8dc95d;color: #fff;}
.btn-green-o:focus, .btn-green-o.focus{box-shadow: 0 0 0 .2rem rgba(141,201,93,.25);}

.btn-skyblue-o{border: 1px solid #82cee6;color: #82cee6;transition: 0.2s;}
.btn-skyblue-o:hover{background-color: #82cee6;color: #fff;}
.btn-skyblue-o:focus, .btn-skyblue-o.focus{box-shadow: 0 0 0 .2rem rgba(130,206,230,.25);}

.btn-pink-o{border: 1px solid #e283da;color: #e283da;transition: 0.2s;padding:.375rem .5rem}
.btn-pink-o:hover{background-color: #e283da;color: #fff;}
.btn-pink-o:focus, .btn-pink-o.focus{box-shadow: 0 0 0 .2rem rgba(226,131,218,.25);}

.btn-orange-fill{background-color: #f2984a;color: #fff;transition: 0.2s;}
.btn-orange-fill:hover{background-color: #df7c26;color: #fff;}
.btn-orange-fill:focus, .btn-orange-fill.focus{box-shadow: 0 0 0 .2rem rgba(247,151,67,.25);}

.btn-skyblue-fill{background-color: #82cee6;color: #fff;transition: 0.2s;}
.btn-skyblue-fill:hover{background-color: #41b0d3;color: #fff;}
.btn-skyblue-fill:focus, .btn-skyblue-fill.focus{box-shadow: 0 0 0 .2rem rgba(65,176,211,.25);}

.btn-green-fill{background-color: #8dc95d;color: #fff;transition: 0.2s;}
.btn-green-fill:hover{background-color: #70b539;color: #fff;}
.btn-green-fill:focus, .btn-green-fill.focus{box-shadow: 0 0 0 .2rem rgba(112,181,57,.25);}

.btn-pink-fill{background-color: #e283da;color: #fff;transition: 0.2s;}
.btn-pink-fill:hover{background-color: #cd56c3;color: #fff;}
.btn-pink-fill:focus, .btn-pink-fill.focus{box-shadow: 0 0 0 .2rem rgba(205,86,195,.25);}

.btn-blue-fill{background-color: #949ce0;color: #fff;transition: 0.2s;}
.btn-blue-fill:hover{background-color: #6571d2;color: #fff;}
.btn-blue-fill:focus, .btn-blue-fill.focus{box-shadow: 0 0 0 .2rem rgba(101,113,210,.25);}

.btn-disable{background-color: #d1cfcf;color: #fff !important;}

.btn-orange-fill-shadow{
	background-color: #f2984a;
	color: #fff;
	transition: 0.2s;
	box-shadow: 0px 5px 3.68px 0.32px rgba(0, 0, 0, 0.24);
}
.btn-orange-fill-shadow:hover{color: #fff;box-shadow: none;}
.btn-orange-fill-shadow:focus{box-shadow: 0 0 0 .2rem rgba(247,151,67,.25);}

.btn-skyblue-fill-shadow{
	background-color: #82cee6;
	color: #fff;
	transition: 0.2s;
	box-shadow: 0px 5px 3.68px 0.32px rgba(0, 0, 0, 0.24);
}
.btn-skyblue-fill-shadow:hover{color: #fff;box-shadow: none;}
.btn-skyblue-fill-shadow:focus{box-shadow: 0 0 0 .2rem rgba(65,176,211,.25);}

.btn-green-fill-shadow{
	background-color: #8dc95d;
	color: #fff;
	transition: 0.2s;
	box-shadow: 0px 5px 3.68px 0.32px rgba(0, 0, 0, 0.24);
}
.btn-green-fill-shadow:hover{color: #fff;box-shadow: none;}
.btn-green-fill-shadow:focus{box-shadow: 0 0 0 .2rem rgba(112,181,57,.25);}

.btn-pink-fill-shadow{
	background-color: #e283da;
	color: #fff;
	transition: 0.2s;
	box-shadow: 0px 5px 3.68px 0.32px rgba(0, 0, 0, 0.24);
}
.btn-pink-fill-shadow:hover{color: #fff;box-shadow: none;}
.btn-pink-fill-shadow:focus{box-shadow: 0 0 0 .2rem rgba(205,86,195,.25);}

.btn-blue-fill-shadow{
	background-color: #949ce0;
	color: #fff;
	transition: 0.2s;
	box-shadow: 0px 5px 3.68px 0.32px rgba(0, 0, 0, 0.24);
}
.btn-blue-fill-shadow:hover{color: #fff;box-shadow: none;}
.btn-blue-fill-shadow:focus{box-shadow: 0 0 0 .2rem rgba(101,113,210,.25);}


.btn-orange-circle-shadow{
	background-color: #f2984a;
	color: #fff;
	transition: 0.2s;
	box-shadow: 0px 5px 3.68px 0.32px rgba(0, 0, 0, 0.24);
	height: 40px;
	width: 40px;
	border-radius: 50%;
}
.btn-orange-circle-shadow:hover{color: #fff;box-shadow: none;}
.btn-orange-circle-shadow:focus{box-shadow: 0 0 0 .2rem rgba(247,151,67,.25);}

.btn-skyblue-circle-shadow{
	background-color: #82cee6;
	color: #fff;
	transition: 0.2s;
	box-shadow: 0px 5px 3.68px 0.32px rgba(0, 0, 0, 0.24);
	height: 40px;
	width: 40px;
	border-radius: 50%;
}
.btn-skyblue-circle-shadow:hover{color: #fff;box-shadow: none;}
.btn-skyblue-circle-shadow:focus{box-shadow: 0 0 0 .2rem rgba(65,176,211,.25);}

.btn-green-circle-shadow{
	background-color: #8dc95d;
	color: #fff;
	transition: 0.2s;
	box-shadow: 0px 5px 3.68px 0.32px rgba(0, 0, 0, 0.24);
	height: 40px;
	width: 40px;
	border-radius: 50%;
}
.btn-green-circle-shadow:hover{color: #fff;box-shadow: none;}
.btn-green-circle-shadow:focus{box-shadow: 0 0 0 .2rem rgba(112,181,57,.25);}

.btn-pink-circle-shadow{
	background-color: #e283da;
	color: #fff;
	transition: 0.2s;
	box-shadow: 0px 5px 3.68px 0.32px rgba(0, 0, 0, 0.24);
	height: 40px;
	width: 40px;
	border-radius: 50%;
}
.btn-pink-circle-shadow:hover{color: #fff;box-shadow: none;}
.btn-pink-circle-shadow:focus{box-shadow: 0 0 0 .2rem rgba(205,86,195,.25);}

.btn-blue-circle-shadow{
	background-color: #949ce0;
	color: #fff;
	transition: 0.2s;
	box-shadow: 0px 5px 3.68px 0.32px rgba(0, 0, 0, 0.24);
	height: 40px;
	width: 40px;
	border-radius: 50%;
}
.btn-blue-circle-shadow:hover{color: #fff;box-shadow: none;}
.btn-blue-circle-shadow:focus{box-shadow: 0 0 0 .2rem rgba(101,113,210,.25);}
/*end button*/


/*start file upload*/
.btn-orange-file-o{border: 1px solid #f2984a;color: #f2984a;}
.btn-orange-file-o i{font-size: 16px;}
.btn-orange-file-o:hover{background-color: #f2984a;color: #fff;cursor: pointer !important;}

.btn-skyblue-file-o{border: 1px solid #82cee6;color: #82cee6;}
.btn-skyblue-file-o i{font-size: 16px;}
.btn-skyblue-file-o:hover{background-color: #82cee6;color: #fff;cursor: pointer !important;}

.btn-green-file-o{border: 1px solid #8dc95d;color: #8dc95d;}
.btn-green-file-o i{font-size: 16px;}
.btn-green-file-o:hover{background-color: #8dc95d;color: #fff;cursor: pointer !important;}

.btn-pink-file-o{border: 1px solid #e283da;color: #e283da;}
.btn-pink-file-o i{font-size: 16px;}
.btn-pink-file-o:hover{background-color: #e283da;color: #fff;cursor: pointer !important;}

.btn-blue-file-o{border: 1px solid #949ce0;color: #949ce0;}
.btn-blue-file-o i{font-size: 16px;}
.btn-blue-file-o:hover{background-color: #949ce0;color: #fff;cursor: pointer !important;}



.file-input span{height: 38px;}
.file-input input{border-bottom-right-radius: 0px;border-top-right-radius: 0px;}
.file-input .btn{border-bottom-left-radius: 0px;border-top-left-radius: 0px;}
/*end file upload*/


/*start accordian*/
.accordian-a{display: block;}
/*end accordian*/


/*start progressbar*/
.bg-orange{background-color: #f2984a;}
.bg-skyblue{background-color: #82cee6;}
.bg-green{background-color: #8dc95d;}
.bg-pink{background-color: #e283da;}
.bg-blue{background-color: #949ce0;}
/*end progressbar*/

/*start progressbar*/
.bg-light-orange{background-color: #faa768;}
.bg-light-skyblue{background-color: #8bdef8;}
.bg-light-green{background-color: #afe183;}
.bg-light-pink{background-color: #f2a8ec;}
.bg-light-blue{background-color: #9aadec;}
.bg-light-red{background-color: #fc7f7e;}
/*end progressbar*/

/*start alert*/
.orange-alert{color: #f2984a;background-color: #fdeac3;}
.skyblue-alert{color: #82cee6;background-color: #d1f3fd;}
.green-alert{color: #8dc95d;background-color: #d1f6b8;}
.pink-alert{color: #e283da;background-color: #fbd2f8;}
.blue-alert{color: #949ce0;background-color: #c9d4f4;}
/*end alert*/


/*radio button*/
.orange-radio-button .active{background-color: #f2984a;color: #fff;}

/*checkbox*/
.checkbox-group .custom-checkbox{margin-top: 15px;}
.custom-checkbox .custom-control-label{color: #7f8991;font-weight: 400;}


.custom-checkbox .custom-control-input:checked~ .disabled-check.custom-control-label::before {
	background-color: #d1cfcf;
	border-color: #d1cfcf;
}
.custom-checkbox .custom-control-input:disabled~ .custom-control-label::before {
	background-color: #d1cfcf !important;
}
.custom-checkbox .custom-control-input:checked~ .orange-checkbox.custom-control-label::before {
	background-color: #f2984a;
	border-color: #f2984a;
	box-shadow: 0 0 0 .2rem rgba(247,151,67,.25);
}
.custom-checkbox .custom-control-input:checked~ .skyblue-checkbox.custom-control-label::before {
	background-color: #82cee6;
	border-color: #82cee6;
	box-shadow: 0 0 0 .2rem rgba(65,176,211,.25);
}
.custom-checkbox .custom-control-input:checked~ .green-checkbox.custom-control-label::before {
	background-color: #8dc95d;
	border-color: #8dc95d;
	box-shadow: 0 0 0 .2rem rgba(112,181,57,.25);
}
.custom-checkbox .custom-control-input:checked~ .pink-checkbox.custom-control-label::before {
	background-color: #e283da;
	border-color: #e283da;
	box-shadow: 0 0 0 .2rem rgba(205,86,195,.25);
}
.custom-checkbox .custom-control-input:checked~ .blue-checkbox.custom-control-label::before {
	background-color: #949ce0;
	border-color: #949ce0;
	box-shadow: 0 0 0 .2rem rgba(101,113,210,.25);
}

/*custome checkbox button*/

.btn-orange-fill:not(:disabled):not(.disabled).active, .btn-orange-fill:not(:disabled):not(.disabled):active{
	background-color: #df7c26;
	border-color: #df7c26;
	box-shadow: 0 0 0 .2rem rgba(247,151,67,.25);
}

.btn-skyblue-fill:not(:disabled):not(.disabled).active, .btn-skyblue-fill:not(:disabled):not(.disabled):active{
	background-color: #41b0d3;
	border-color: #41b0d3;
	box-shadow: 0 0 0 .2rem rgba(65,176,211,.25);
}

.btn-green-fill:not(:disabled):not(.disabled).active, .btn-green-fill:not(:disabled):not(.disabled):active{
	background-color: #70b539;
	border-color: #70b539;
	box-shadow: 0 0 0 .2rem rgba(112,181,57,.25);
}

.btn-pink-fill:not(:disabled):not(.disabled).active, .btn-pink-fill:not(:disabled):not(.disabled):active{
	background-color: #cd56c3;
	border-color: #cd56c3;
	box-shadow: 0 0 0 .2rem rgba(205,86,195,.25);
}
.btn-blue-fill:not(:disabled):not(.disabled).active, .btn-blue-fill:not(:disabled):not(.disabled):active{
	background-color: #6571d2;
	border-color: #6571d2;
	box-shadow: 0 0 0 .2rem rgba(101,113,210,.25);
}

/*radio*/

.checkbox-group .custom-radio{margin-top: 15px;}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-radio .custom-control-label{color: #7f8991;font-weight: 400;}

.custom-radio .custom-control-input:checked~ .disabled-radio.custom-control-label::before {
	background-color: #d1cfcf;
	border-color: #d1cfcf;
}
.custom-control-input:checked ~ .orange-radio.custom-control-label::before{
	border-color: #f2984a;
	background-color: #f2984a;
	box-shadow: 0 0 0 .2rem rgba(247,151,67,.25);
}
.custom-control-input:checked ~ .skyblue-radio.custom-control-label::before{
	border-color: #82cee6;
	background-color: #82cee6;
	box-shadow: 0 0 0 .2rem rgba(65,176,211,.25);
}
.custom-control-input:checked ~ .green-radio.custom-control-label::before{
	border-color: #8dc95d;
	background-color: #8dc95d;
	box-shadow: 0 0 0 .2rem rgba(112,181,57,.25);
}
.custom-control-input:checked ~ .pink-radio.custom-control-label::before{
	border-color: #e283da;
	background-color: #e283da;
	box-shadow: 0 0 0 .2rem rgba(205,86,195,.25);
}

.custom-control-input:checked ~ .blue-radio.custom-control-label::before{
	border-color: #949ce0;
	background-color: #949ce0;
	box-shadow: 0 0 0 .2rem rgba(101,113,210,.25);
}


