:root {
    /*--main-bg:url('http://localhost/templates/gyt/images/src/IE-Blurred-BG.jpg');*/
    --main-bg:url('https://allamericanpointpleasant.gradeyourtrade.com/images/src/907317.png');
}
*{padding:0px; margin:0px;}
.container{color:black;}
.light-gray{background: #d2d4d4;}
/*.d-flex{display:flex !important;}*/
.v-mid{vertical-align:middle !important;}
.select2-hidden-accessible.searchSelect{border:1px solid;}
span.select2-selection--single{border: 1px solid #495057 !important;}
.grade-txt-container{width: 265px; margin: auto; padding:12px; color:black;}
.grade-txt-container h2>span{display:inline-block;width:33%; border: 3px solid gray; position:relative; vertical-align: middle; top:-3px;}
.grade-index-txt span{font-weight: 700; line-height: 3.8rem; display: block;}
.grade-index-txt1{font-size: 4.5rem;}
.grade-index-txt2{font-size: 5rem;}
.grade-index-txt3{font-size: 4.5rem;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.fw-800{font-weight: 800;}
.left-bars{padding-top: 15px;}
.react-block{width:180px; float:right; background: #fafafa; padding:10px; border-radius: .25rem 0 0 .25rem; text-align: left; font-size: 22px; font-weight: 800; margin-bottom:2rem;}
.react-block img.react{width:48px; height:70px;}
.bgIndex{background:var(--main-bg); background-attachment: scroll; background-size: cover; /*box-shadow: 0 0 1000px rgba(244,244,244,0.7) inset;*/}
.bgIndex .nav-bg{background: #000 !important;}
.box-badge{text-align: center;background: goldenrod;border-radius: 50%;font-weight: 900;display: inline-block;margin-left: 5px;}
.box-badge.big{height: 36px;width: 36px;line-height: 36px;}
.box-badge.small{height: 20px;width: 20px;line-height: 20px; font-size:14px;}
.box-badge-container{display: inline-block;}
.big-text-span{font-size: 24px;font-weight: 300;}
.type-check input[type="radio"]{width:15px; height:15px; -webkit-appearance: checkbox;-moz-appearance: checkbox;-ms-appearance: checkbox;}
.border-form-control label{display: block;}
.border-form-control input{border:0px; outline: none; border-bottom: 1px solid;}
.form-control{border:1px solid;}
p.label,label{font-weight: 700; text-transform: uppercase; font-size: 13px; margin-bottom:10px;}
label>span{top:-2px; position: relative; margin-right: 8px;text-transform: capitalize; font-weight: 500;}
.form-control label{margin-bottom: 0px;}
.logo-ms{width:210px;}
.inline-block{display: inline-block !important; padding:0 10px;}
.nav-text{padding: 15px 0; text-align: center}
.cs-btn{display:inline-block; font-weight:400; text-align:center; white-space:nowrap; vertical-align:middle; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: 0;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.cs-btn.xs-btn{padding:4px 7px; font-size: 12px;font-weight: 600;}
.info{background:#16506c;color:white !important;}
.success{background:green; color:white !important;}
.primary{background: #03479f; color:white !important;}
.warning{background: #f3b912; color:black !important;}
.danger{background: #da2424; color:white !important;}
.slash{height:60px;}
.font-9{font-size:9px;}
.font-10{font-size:10px;}
.font-11{font-size:11px;}
.font-12{font-size:12px;}
.font-13{font-size:13px;}
.font-14{font-size:14px;}
.font-15{font-size:15px;}
.font-16{font-size:16px;}
.font-17{font-size:17px;}
.font-18{font-size:18px;}
.font-19{font-size:19px;}
.font-20{font-size:20px;}
.font-21{font-size:21px;}
.font-22{font-size:22px;}
.font-23{font-size:23px;}
.font-24{font-size:24px;}
.mark-image{cursor:pointer;}
.left-cross, .right-cross{width:30px; height:1px; background:red; border:2px solid red; position:absolute; /*top:10px; right:-2px;*/}
.left-cross{transform:rotate(45deg);}
.right-cross{transform:rotate(135deg);}
.abs8712{position:absolute; width: 25px; height: 25px;}
#signature{cursor: url('src/icon/Pen-icon-24.png')1 30, default;}
@media screen and (max-width: 900px) and (min-width: 768px){
}
@media screen and (max-width: 500px ){
  .xs-teszx{display: none !important;}
  .fixSize-logo{width:100%;}
}
@media (max-width: 575.98px) {
    .col-xs-50{width:50% !important;}
    .col-xs-25{width:25% !important;}
    .big-text-span{font-size:16px;}
    .offset-xs-0 {
        margin-left: 0;
    }
    .col-xs-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
    .col-xs-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
    .col-xs-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
    .col-xs-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .col-xs-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
    .col-xs-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-xs-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
    .col-xs-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
    .col-xs-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
    .col-xs-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
    .col-xs-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
    .col-xs-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
    
}
@media screen and (min-width: 768px){
}
@media screen and (max-width: 767px){
    .background-container{
        background-position:left !important;
    }
}
@media screen and (max-width: 1199px){
	.xs-teszx{display: none !important;}
	.big-text-span{font-size: 20px;}
	.left-bars{padding-top: 15px;}
}
@media screen and (max-width: 991px){
	.left-bars,.left-bars-icon{display: none;}
	.grade-index-txt{max-width:100%; flex:0 0 100%;}
	.react-block{width: auto !important; text-align: center;}

}
.blockOverflow{overflow-y: hidden !important;}
.allowOverflow{overflow-y: scroll !important; height:100vh;}
/**********Scroll Style************/
/*
 *  STYLE 11
 */
::scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(20,10,20,0.3);
	background-color: #a2a2a2;
	border-radius: 4px;
}
::scrollbar
{
	width: 10px;
	background-color: #a2a2a2;
}
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(20,10,20,0.3);
	background-color: #a2a2a2;
	border-radius: 4px;
}

::-webkit-scrollbar
{
	width: 10px;
	background-color: #a2a2a2;
}

::-webkit-scrollbar-thumb
{
	background-color: #287899;/*3366FF;*/
	border-radius: 10px;
	background-image: -webkit-linear-gradient(
						0deg,
						rgba(255, 255, 255, 0.5) 25%,
						transparent 25%,
						transparent 50%,
						rgba(255, 255, 255, 0.5) 50%,
						rgba(255, 255, 255, 0.5) 75%,
						transparent 75%,
						transparent)
}

.padding-tb {
    padding: 15px 0px !important;
    background: #e8edf3;
}

.fixSize-logo {
    height: 110px;
    margin-bottom: 15px;
}

.logo-btn {
    background: #0056b3;
    width: 100%;
    text-align: center;
    padding: 15px;
    bottom: -50px;
    color: white;
    margin-top:25px;
}

.background-container {
    background: linear-gradient(285deg,rgba(0, 0, 0, 0.23),rgba(0, 0, 0, 0.33)),rgba(0, 0, 0, 0.8) url('https://allamericanpointpleasant.gradeyourtrade.com/images/unnamed.png') no-repeat scroll center / cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
    background-size: cover;

}

.logo-btn:focus, .logo-btn:hover, .logo-btn:active, .logo-btn:visited {
    color: white;
    text-decoration: none;

}

.bg-gray{
    background: #e9ecef;
}


.item-slider {
    height: 110px;
    overflow: hidden;
    display: flex;
}

.vcard{
    font-size:25px;
    color:#dfdfdf;
    font-weight:600;
}