select {background-image: linear-gradient(45deg, transparent 50%, #4c9ef2  50%), linear-gradient(135deg, #4c9ef2  50%, transparent 50%), linear-gradient(to right, #ffffff, #ffffff) !important;   background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 13px) calc(1em + 2px), 100% 0; background-size: 7px 8px, 7px 8px, 1.7em 2.5em; background-repeat: no-repeat;}

/*Background Color*/
.white-Bg {background: #FFFFFF !important;}
.black-Bg {background: #000000 !important;}
.greyExLight-Bg {background: #eaeaea  !important;}
.greySupLight-Bg {background: #fbfbfb !important;}
.greyLight-Bg {background: #CCCCCC !important;}
.greyDark-Bg {background: #333333 !important;}
.grey-Bg {background: #566e7a !important;}
.red-Bg {background: #FF0000 !important;}
.blue-Bg {background: linear-gradient(to left, #2475FC, #1129B9 100%) !important;}
.navy-Bg {background: #05054a  !important;}
.darkBlue-bg {background: #165aa5 !important;}
.darkExBlue-bg {background: #042c4f !important;}
.navyBlue-bg {background: #1077b0 !important;}
.lightBlue-Bg {background:#edf3fc !important}
.orange-Bg {background: #ff9f55 !important;}
.orangeLight-Bg {background: #fdbf44 !important;}
.green-Bg {background: #00c64b !important;}
.lightGreen-Bg {background:#87d013!important}
.darkgreen-Bg {background: #0f9d58 !important;}

/*Text Color*/
.white-Text {color: #FFFFFF !important;}
.black-Text {color: #000000 !important;}
.greyLight-Text {color: #CCCCCC !important;}
.greyDark-Text {color: #333333 !important;}
.red-Text {color: #FF0000 !important;}
.blue-Text {color: #0c5adb !important;}
.darkBlue-Text {color: #165aa5 !important;}
.darkExBlue-Text {color: #042c4f !important;}

.orange-Text {color: #ec8131 !important;}
.orangeLight-Text {color: #fdbf44 !important;}
.green-Text {color: #00c64b !important;}

.text-navy { color: #4c9ef2 !important;}

/*bdr*/
.white-bdr {border-color: #FFFFFF !important;}
.black-bdr {border-color: #000000 !important;}
.greyLight-bdr {border-color: #CCCCCC !important;}
.greyExLight-bdr {border-color: #ececec !important;}
.greyDark-bdr {border-color: #333333 !important;}
.red-bdr {border-color: #FF0000 !important;}
.blue-bdr {border-color: #4c9ef2 !important;}
.darkBlue-bdr {border-color: #165aa5 !important;}
.orange-bdr {border-color: #ec8131  !important;}
.orangeLight-bdr {color: #fdbf44 !important;}
.green-bdr {border-color: #00c64b  !important;}

/*shadow Color*/
.blue-Shadow {-webkit-box-shadow: 0px 0px 20px 0px rgba(76,158,242,1); -moz-box-shadow: 0px 0px 20px 0px rgba(76,158,242,1); box-shadow: 0px 0px 20px 0px rgba(76,158,242,1);}
.orange-Shadow {-webkit-box-shadow: 0px 0px 20px 0px rgba(255,159,85,1); -moz-box-shadow: 0px 0px 20px 0px rgba(255,159,85,1); box-shadow: 0px 0px 20px 0px rgba(255,159,85,1);}
.green-Shadow {-webkit-box-shadow: 0px 0px 20px 0px rgba(0,198,75,1); -moz-box-shadow: 0px 0px 20px 0px rgba(0,198,75,1); box-shadow: 0px 0px 20px 0px rgba(0,198,75,1);}
.greyLight-Shadow {-webkit-box-shadow: 0px 0px 20px 0px rgba(221,221,221,1); -moz-box-shadow: 0px 0px 20px 0px rgba(221,221,221,1); box-shadow: 0px 0px 20px 0px rgba(221,221,221,1);}
.greyDark-Shadow {-webkit-box-shadow: 0px 0px 20px 0px rgba(51,51,51,1); -moz-box-shadow: 0px 0px 20px 0px rgba(51,51,51,1); box-shadow: 0px 0px 20px 0px rgba(51,51,51,1);}
.white-Shadow {-webkit-box-shadow: 0px 0px 20px 0px rgba(255, 255, 255,1); -moz-box-shadow: 0px 0px 20px 0px rgba(255, 255, 255,1); box-shadow: 0px 0px 20px 0px rgba(255, 255, 255,1);}


.blue-text {color: #0095e5;}
.grey-text {color: #9C9C9C;}
.orange-text {color:#f8ac59;}
.seagreen-text {color:#1ab394;}
.darkBlur-text {color: #1c84c6;}
.red-text {color:#ed5565;}
.white-text {color:#fff;}

.fvBlue-text {color: #2c93d1;}
.fvGreen-text {color: #8edb13;}

.skyBlueBG {background: #86ccf9;}

.school-achivement {background: linear-gradient(rgba(22, 90, 164, 0.5), rgba(22, 90, 164, 0.5)), url(../../images/bg_sub-header.png);}
.subscription .subscription-body { background:url(../../images/dot-pattren.png) no-repeat -27px 100px;}
.subscription-plan.green-Bg h5,
.subscription-plan.green-Bg h6, 
.subscription-plan.green-Bg h1 ,
.subscription-plan.green-Bg .orange-Text{color:#fff!important;}

.floting-input textarea:not(:focus):valid ~ label{  color:#333; background:#fff;}	

/*theme button*/
.theme-btn {  color: #000; background-color: #8edb13;}

.checkbox-custom-label {border: 2px solid #ff9f55;}
.checkbox-customView input:checked ~ .checkbox-custom-label:after { -webkit-mask: url(../../css/plugins/vs-icon/vs-svg/check-box.svg) no-repeat 50% 50%;mask: url(../../css/plugins/vs-icon/vs-svg/check-box.svg) no-repeat 50% 50%; background: #4c9ef2 ; border:none; }
/* On mouse-over, add a grey background color */
/*.checkbox-customView:hover input ~ .checkbox-custom-label {  background-color: #fff;}*/
/* When the checkbox is checked, add a blue background */
/*.checkbox-customView input:checked ~ .checkbox-custom-label {  background-color: #fff;}*/
.checkbox-custom:checked + .checkbox-custom-label { border: 0px solid #ddd; /* focus style */}

.radio-custom-label {border: 2px solid #ff9f55;}
/* On mouse-over, add a grey background color */
/*.radiobox-customView:hover input ~ .radio-custom-label { background-color: #ccc;}*/
/*.radiobox-customView input:checked ~ .radiobox-custom-label {  background-color: #fff;}*/
/* When the radio button is checked, add a blue background */
.radiobox-customView input:checked ~ .radio-custom-label:after {  -webkit-mask: url(../../css/plugins/vs-icon/vs-svg/tick-inside-circle.svg) no-repeat 50% 50%;mask: url(../../css/plugins/vs-icon/vs-svg/tick-inside-circle.svg) no-repeat 50% 50%; background: #4c9ef2;  border:none;}
.radio-custom:checked + .radio-custom-label { border: 0px solid #ddd; /* focus style */}

.subscription-plan.green-Bg .checkbox-custom-label { border-color:#fff!important;}
.subscription-plan.green-Bg .checkbox-customView input:checked ~ .checkbox-custom-label:after{ background:#fff!important;}

.table-responsive thead th .checkbox-custom-label { border-color:#fff!important;}
.table-responsive thead th .checkbox-customView input:checked ~ .checkbox-custom-label:after{ background:#fff!important;}

.secHeading h2:before {background: #4c9ef6;}

.fv-spinner {color:#4c9ef2 ; border-right-color:transparent}

.dropdown-progress-menu li a  {color: #000;}
/*Text shadow Color*/
.black-text-shadow {text-shadow: 0px 1px 2px rgba(0,0,0,0.4);}

/*Header Progress*/
.pace .pace-progress {background:#8edb13; }

.navbar-light .navbar-nav .nav-link{ color:#042c4f!important; /*border-bottom-color:#fff!important;*/}
.navbar-light .navbar-nav .nav-link:hover{ color:#1331c0 !important;/* border-bottom-color:#0c5adb!important;*/}
.navbar-light .navbar-nav .nav-item.active .nav-link { color:#042c4f !important;/* border-bottom-color:#0c5adb!important;*/}

.dropdown-item { color:#042c4f!important;}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active, .dropdown-item:active { color:#ec8131 !important; background: #f5f5f5 !important; }

.navbar-shadow {background: #fff !important;}
.navbar-shadow.navbar-light .navbar-nav .nav-link{ color:#042c4f!important; /*border-bottom-color:#fff!important;*/}
.navbar-shadow.navbar-light .navbar-nav .nav-link:hover,
.navbar-shadow.navbar-light .navbar-nav .nav-item.active .nav-link { color:#0c5adb !important;/* border-bottom-color:#0c5adb!important;*/}