@import url(https://fonts.googleapis.com/css?family=Cabin);
body  {
    font-family: 'Cabin';
    
}
.white-bg  {
    background: #fff;
}
p  {
    font-size: 16px;
    line-height: 28px;
}
.color-bg-list   {
    margin-bottom: 0;
    width: 100%;
}
.shape  {
    -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 35%, 100% 80%, 0% 80%, 0 34%);
clip-path: polygon(20% 0%, 80% 0%, 100% 35%, 100% 80%, 0% 80%, 0 34%);
}

.dropdown-menu li  {
    background: none;
}
.reds  {
    color: #FB0100;
}
.top-headding  {
    color: #FB0100;
    font-size: 28px;
    font-weight:bold;
    padding-bottom: 0;
    margin-bottom: -4px;
    margin-top: 5px;
}
.color-bg-list li  {
    background: #000;
    padding: 5px;
    margin-right: 1px;
}
.color-bg-list li a  {
    color: #fff;
    padding: 7px;
    font-size: 20px;
}
.color-bg-list li:nth-child(2)  {
    background:none;
   
}
.color-bg-list li:nth-child(3)  {
    background: #7ec67c;
}
.color-bg-list li:nth-child(4)  {
    background: #7ec67c;
}

.pad-no-space  {
    padding-left: 0px;
    padding-right: 0px;
}
.blue-strip  {
    background: #000;
    display: block;
    color: #fff;
    margin: 0;
    text-align: center;
    padding: 8px;
    font-size: 20px;
}
.no-left-space  {
    padding-left: 0px;
}
.navbar {
     padding-left: 0px; 
     padding-right: 0px; 
}
.navbar-nav  {
    margin-left: 0px;
}
.sub a i  {
   
}
.content  {
    padding: 0px 0px 0px;
}
.boder-box-gray  {
    /*border: 2px solid #ccc;*/
    padding: 10px;
    font-size: 16px;
    color: #000;
}
.bottom-questions-al li 
{font-size: 15px !important;line-height: 28px; margin-top:8px;}
.one  {
    font-size: 15px;
    width: 40px;
    height: 35px;
    line-height: 11px;
    text-align: center;
    margin-bottom: 4px;
    border: 1px solid #b7b4b4;
/*        -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 35%, 100% 80%, 0% 80%, 0 34%);*/
/*clip-path: polygon(20% 0%, 80% 0%, 100% 35%, 100% 80%, 0% 80%, 0 34%);*/
}


.one-test  {
    font-size: 15px;
    width: 30px;
    height: 30px;
    line-height: 11px;
    text-align: center;
    margin-bottom: 4px;
    border: 1px solid #b7b4b4;
/*        -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 35%, 100% 80%, 0% 80%, 0 34%);*/
/*clip-path: polygon(20% 0%, 80% 0%, 100% 35%, 100% 80%, 0% 80%, 0 34%);*/
}



.one-red  {
    font-size: 15px;
    width: 40px;
    height: 35px;
    line-height: 25px;
    text-align: center;
    margin-top: -14px;
    margin-bottom: 4px;
    border: 1px solid #b7b4b4;
/*   -webkit-clip-path: polygon(100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);*/
/*clip-path: polygon(100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);*/
}
.over  {
    width: 95%;
    height: 35%;
    overflow-y:  scroll;
    margin-bottom: 20px;
}
.one-not  {
     font-size: 15px;
    width: 40px;
    height: 35px;
    line-height: 25px;
    text-align: center;
    /*margin-top: -14px;*/
    margin-bottom: 4px;
    border: 1px solid #b7b4b4;

}

.two  {
    font-size: 15px;
    font-weight:bold;
    width: 40px;
    height:35px;
    line-height: 11px;
    text-align: center;
    margin-bottom: 4px;
    
    border-bottom: 40px solid #4CAF50;
    border-top: 35px solid #4CAF50;
   
}

.yellow-bg-space  {
    padding: 1px;
    
    margin-top: 0px;
}
.mg-25  {
    margin-top: 25px;
}
.bottom-questions-al2 li  {
    color: #0d5fad
}
.bottom-questions-al2 li {
    font-size: 17px !important;
    line-height: 45px;
}
.bottom-questions-al2  {
    margin-bottom: 0px;
}
.bottom-list-item  {
    border-top: 2px solid #a9aaae;
    padding:10px 20px 10px 20px;
    
    margin-top: 0px;
}
.border-special  {
    padding-left: 30px;
}
.border-special li {
    margin-bottom: 10px;
}
.question-footer  {
    background: #e3edb9;
    padding-top:5px;
    padding-bottom:5px;
    /*position: fixed;*/
    /*width: 100%;*/
    /*bottom: 0;*/
}

.bg-back  {
    font-size:20px;
    background: #075678;
    border-color: #000000;
}
.pink-bg  {
    background: #B44F9B;
    padding: 5px;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
}

.bg-rose  {
    background: #ec008b;
    border-color: #ec008b;
}
.bg-green  {
    background: #8fc73d;
    border-color: #8fc73d;
}
.bg-violet {
    background: #817da8;
    border-color: #817da8;
}
.bg-darkrose  {
    background: #ee3272;
    border-color: #ee3272;
}
.bg-green-dark {
    background: #45b753;
    border-color: #45b753;
}
.btn-blue  {
    background: #0d5fad;
    border-color: #0d5fad;
    color:white;
}
.btn-gray  {
    background: #6c6d70;
    border: none;
    color:white;
}
.btn-green  {
    background: ##8fc73d;
    border: none;
    color:white;
}
.btn-red  {
    background: red;
    border: none;
    color:white;
}
.pad  {
    padding-left: 7%;
    padding-right: 7%;
}
.dark-rose  {
    background: #ed164b;
    border-color: #ed164b;
}
.bg-warning  {
    background: #f9a319;
    border-color: #f9a319;
}
.btn-warning  {
    background: #f9a319;
    border-color: #f9a319;
}

.red {
        background: red!important;
    border: none;
    color: white;
}

.green {
        background: #8fc73d!important;
    border: none;
    color: white;
}






























