@font-face {
    font-family: Gotham-Rounded-Bold;
    src: url(fonts/Gotham-Rounded-Bold_21016.ttf);
}

@font-face {
    font-family: Gotham-Rounded-Book;
    src: url(fonts/Gotham-Rounded-Book_21018.ttf);
}

@font-face {
    font-family: Gotham-Rounded-Light;
    src: url(fonts/Gotham-Rounded-Light_21020.ttf);
}

@font-face {
    font-family: Gotham-Rounded-Medium;
    src: url(fonts/Gotham-Rounded-Medium_21022.ttf);
}

/* ============================================================================================= 
   ========================================= DEFAULT VALUES BEGIN ============================== 
   ============================================================================================= */
*:focus {
    outline: 0 !important;
}

body {
    background-color: #EFF6FF; /*#EEF1F2;*/
    font-family: "Gotham-Rounded-Book", Verdana;
    font-size: 11px;
    -webkit-user-select:auto;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}



a {
    cursor: pointer;
}

input, textarea {
    -moz-user-select: text;
}


.f11 {
    font-size: 11px;
}

.f13 {
    font-size: 13px;
}
.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f32 {
    font-size: 32px !important;
}

.f50 {
    font-size: 50px !important;
}

.f80 {
    font-size: 80px !important;
}

.white {
    color: #FFF;
}

.red {
    color: red !important;
}

.orange {
    color: #FF8F00;
}

.green {
    color: green !important;
}

.green2 {
    color: #3BB81C;
}

.green3 {
    color: #1BEC1B !important;
}


.blue {
    color: #48B6FF !important;
}


.yellow {
    color: #C1A708 !important;
}

.yellow2 {
    color: #F5E400 !important;
}

.orange {
    color: #F5B700 !important;
}


.black {
    color: black !important;
}

.gray {
    color: #C9C9C9;
}

.lightBlue {
    color: #2FC1D5;
}

.lightBlue2 {
    color: #D9EDF7;
}

.lightBlue3 {
    color: #FAFDFF;
}


.blue2 {
    color: #3878AA;
}
.blue3 {
    color: #4180E9 !important;
}


.bg-white {
    background-color: #fff;
}

.darkpurple {
    color: #A74C8A !important;
}

.bg-gray {
    background-color: #C9C9C9;
}

.bg-gray2 {
    background-color: #E0E5E6;
}

.bg-lightBlue3 {
    background-color: #FAFDFF;
}

.bg-yellow {
    background-color: #F9F8DC;
}

.m50-t {
    margin-top:50px;
}

.m5 {
    margin: 5px;
}

.m5-l {
    margin-left: 5px;
}

.m5-t {
    margin-top: 5px;
}

.m5-r {
    margin-right: 5px;
}

.m5-b {
    margin-bottom: 5px;
}

.m {
    margin: 15px;
}

.m-l {
    margin-left: 15px;
}

.m-t {
    margin-top: 15px;
}

.m-r {
    margin-right: 15px;
}

.m-b {
    margin-bottom: 15px;
}

.p5 {
    padding: 5px;
}

.p5-l {
    padding-left: 5px;
}
.p5-r {
    padding-right: 5px;
}
.p {
    padding: 15px;
}

.p-l {
    padding-left: 15px;
}
.p-s-l {
    padding-left: 5px;
}
.p-t {
    padding-top: 15px;
}

.p-r {
    padding-right: 15px;
}

.p-b {
    padding-bottom: 15px;
}

.b {
    border: 1px solid;
}

.b-l {
    border-left: 1px solid;
}

.b-t {
    border-top: 1px solid;
}

.b-r {
    border-right: 1px solid;
}

.b-b {
    border-bottom: 1px solid;
}

.b-b3 {
    border-bottom: 3px solid;
}

.b-color {
    border-color: #D9EDF7;
}

.n-m {
    margin: 0 !important;
}

.n-m-l {
    margin-left: 0 !important;
}

.n-m-t {
    margin-top: 0 !important;
}

.n-m-r {
    margin-right: 0 !important;
}

.n-m-b {
    margin-bottom: 0 !important;
}

.n-p {
    padding: 0 !important;
}

.n-p-l {
    padding-left: 0 !important;
}

.n-p-t {
    padding-top: 0 !important;
}

.n-p-r {
    padding-right: 0 !important;
}

.n-p-b {
    padding-bottom: 0 !important;
}

.n-b {
    border: 0 !important;
}

.n-b-l {
    border-left: 0 !important;
}

.n-b-t {
    border-top: 0 !important;
}

.n-b-r {
    border-right: 0 !important;
}

.n-b-b {
    border-bottom: 0 !important;
}

/*==== Display property ===== */
.display-table { display:table; width:100%}
.display-table-row { display:table-row}
.display-table-cell { display:table-cell; }
.display-inline-block { display:inline-block}


.read-only {
        background-color: #F3F3F3;
}

.v-t {
    vertical-align: top;
}

.v-m {
    vertical-align: middle;
}

.v-b {
    vertical-align: bottom;
}


.display-block {
    display: block;
}

.hide {
    display: none;
}

.no-shadow {
    box-shadow: none;
}

.no-border-radius {
    border-radius: 0px;
}

.no-wrap {
    white-space: nowrap;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.w5 {
    width: 5px !important;
}

.w10 {
    width: 10px !important;
}
.w15 {
    width: 15px !important;
}
.w20 {
    width: 20px !important;
}

.w30 {
    width: 30px !important;
}

.w40 {
    width: 40px !important;
}

.w50 {
    width: 50px !important;
}

.w80 {
    width: 80px !important;
}

.w100 {
    width: 100px !important;
}

.w105 {
    width: 105px !important;
}

.w110 {
    width: 110px !important;
    min-width: 110px !important;
}

.w120 {
    width: 120px !important;
}

.w140 {
    width: 140px !important;
}

.w150 {
    width: 150px !important;
}
.w170 {
    width: 170px !important;
}
.w180 {
    width: 180px !important;
}
.w190 {
    width: 190px !important;
}
.w200 {
    width: 200px !important;
}

.w230 {
    width: 230px !important;
}
.w250 {
    width: 250px !important;
}
.w300 {
    width: 300px !important;
}
.w350 {
    width: 350px !important;
}
.w400 {
    width: 400px !important;
}
.w500 {
    width: 500px !important;
}

hr.seperator {
    margin-top: 5px; 
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #E8ECEF;
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.text-align-right {
    text-align: right;
}

.required-field {
    border-left: 2px solid #ca202c !important;
}

.has-error {
    border: 1px solid #ca202c !important;
}
/* ============================================================================================= 
   ========================================= DEFAULT VALUES END ================================ 
   ============================================================================================= */


/* ============================================================================================= 
   ========================================= SCROLL BAR SETTINGS =============================== 
   ============================================================================================= */

/* Webkit Scroll */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(167, 171, 185);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(212, 222, 224);
    -webkit-box-shadow: inset 0 0 6px rgb(157, 171, 185);
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(212, 222, 224, 0.78);
    }