/*===============================

   Custom Styling
   Version         : 1.0
   Date            : 29/07/2017
   Created By      : Hiran Chandran
   Organization    : Quinoid Business Solutions

=================================*/

/*===== Width =====*/

.w100{
    width:100% !important;
}
.w60{
    width:60% !important;
}
.w50{
    width:50% !important;
}
.w25{
    width:25% !important;
}
.w20{
    width:20% !important;
}

/*===== Margins and Padding =====*/

/*Margin bottom*/
.mb0{
    margin-bottom: 0px !important;
}
.mb5{
    margin-bottom: 5px !important;
}
.mb10{
    margin-bottom: 10px !important;
}
.mb20{
    margin-bottom: 20px !important;
}
.mb30{
    margin-bottom: 30px !important;
}
.mb40{
    margin-bottom: 40px !important;
}
.mb50{
    margin-bottom: 50px !important;
}
.mb60{
    margin-bottom: 60px !important;
}
.mb70{
    margin-bottom: 70px !important;
}
.mb80{
    margin-bottom: 80px !important;
}
.mb90{
    margin-bottom: 90px !important;
}
.mb100{
    margin-bottom: 100px !important;
}
.mb150{
    margin-bottom: 150px !important;
}
.mb200{
    margin-bottom: 200px !important;
}

/*Margin top*/
.mt0{
    margin-top: 0px !important;
}
.mt10{
    margin-top: 10px !important;
}
.mt20{
    margin-top: 20px !important;
}
.mt25{
    margin-top: 25px !important;
}
.mt30{
    margin-top: 30px !important;
}
.mt40{
    margin-top: 40px !important;
}
.mt50{
    margin-top: 50px !important;
}
.mt60{
    margin-top: 60px !important;
}
.mt70{
    margin-top: 70px !important;
}
.mt80{
    margin-top: 80px !important;
}
.mt90{
    margin-top: 90px !important;
}
.mt100{
    margin-top: 100px !important;
}
.mt150{
    margin-top: 150px !important;
}
.mt200{
    margin-top: 200px !important;
}
.mt250{
    margin-top: 250px !important;
}
.mt300{
    margin-top: 300px !important;
}
.mt350{
    margin-top: 350px !important;
}
.mt400{
    margin-top: 400px !important;
}
.mt450{
    margin-top: 450px !important;
}



/*Margin left*/
.ml0{
    margin-left: 0px !important;
}
.ml10{
    margin-left: 10px !important;
}
.ml20{
    margin-left: 20px !important;
}
.ml30{
    margin-left: 30px !important;
}
.ml40{
    margin-left: 40px !important;
}
.ml50{
    margin-left: 50px !important;
}

/*Margin Right*/
.mr0{
    margin-right: 0px !important;
}
.mr10{
    margin-right: 10px !important;
}
.mr20{
    margin-right: 20px !important;
}
.mr30{
    margin-right: 30px !important;
}
.mr40{
    margin-right: 40px !important;
}
.mr50{
    margin-right: 50px !important;
}

/*Margin All*/
.mall0{
    margin: 0px !important;
}
.mall10{
    margin: 10px !important;
}
.mall20{
    margin: 20px !important;
}
.mall30{
    margin: 30px !important;
}
.mall40{
    margin: 40px !important;
}
.mall50{
    margin: 50px !important;
}

/*Padding bottom*/
.pb0{
    padding-bottom: 0px !important;
}
.pb10{
    padding-bottom: 10px !important;
}
.pb20{
    padding-bottom: 20px !important;
}
.pb30{
    padding-bottom: 30px !important;
}
.pb40{
    padding-bottom: 40px !important;
}
.pb50{
    padding-bottom: 50px !important;
}
.pb60{
    padding-bottom: 60px !important;
}
.pb70{
    padding-bottom: 70px !important;
}
.pb80{
    padding-bottom: 80px !important;
}
.pb90{
    padding-bottom: 90px !important;
}
.pb100{
    padding-bottom: 100px !important;
}
.pb300{
    padding-bottom: 300px !important;
}

/*Padding top*/
.pt0{
    padding-top: 0px !important;
}
.pt5{
    padding-top: 5px !important;
}
.pt10{
    padding-top: 10px !important;
}
.pt20{
    padding-top: 20px !important;
}
.pt30{
    padding-top: 30px !important;
}
.pt40{
    padding-top: 40px !important;
}
.pt50{
    padding-top: 50px !important;
}
.pt60{
    padding-top: 60px !important;
}
.pt70{
    padding-top: 70px !important;
}
.pt80{
    padding-top: 80px !important;
}
.pt90{
    padding-top: 90px !important;
}
.pt100{
    padding-top: 100px !important;
}
.pt150{
    padding-top: 150px !important;
}
.pt200{
    padding-top: 200px !important;
}
.pt250{
    padding-top: 250px !important;
}
.pt300{
    padding-top: 300px !important;
}

/*Padding left*/
.pl0{
    padding-left: 0px !important;
}
.pl10{
    padding-left: 10px !important;
}
.pl20{
    padding-left: 20px !important;
}
.pl30{
    padding-left: 30px !important;
}
.pl40{
    padding-left: 40px !important;
}
.pl50{
    padding-left: 50px !important;
}

/*Padding Right*/
.pr0{
    padding-right: 0px !important;
}
.pr10{
    padding-right: 10px !important;
}
.pr20{
    padding-right: 20px !important;
}
.pr30{
    padding-right: 30px !important;
}
.pr40{
    padding-right: 40px !important;
}
.pr50{
    padding-right: 50px !important;
}

/*Padding All*/
.pall0{
    padding: 0px !important;
}
.pall10{
    padding: 10px !important;
}
.pall20{
    padding: 20px !important;
}
.pall30{
    padding: 30px !important;
}
.pall40{
    padding: 40px !important;
}
.pall50{
    padding: 50px !important;
}
.pall60{
    padding: 60px !important;
}
.pall70{
    padding: 70px !important;
}
.pall80{
    padding: 80px !important;
}
.pall90{
    padding: 90px !important;
}
.pall100{
    padding: 100px !important;
}

/*============ Font Size ===============*/

.font5{
    font-size: 5px !important;
}
.font6{
    font-size: 6px !important;
}
.font7{
    font-size: 7px !important;
}
.font8{
    font-size: 8px !important;
}
.font9{
    font-size: 9px !important;
}
.font10{
    font-size: 10px !important;
}
.font11{
    font-size: 11px !important;
}
.font12{
    font-size: 12px !important;
}
.font13{
    font-size: 13px !important;
}
.font14{
    font-size: 14px !important;
}
.font15{
    font-size: 15px !important;
}
.font16{
    font-size: 16px !important;
}
.font17{
    font-size: 17px !important;
}
.font18{
    font-size: 18px !important;
}
.font19{
    font-size: 19px !important;
}
.font20{
    font-size: 20px !important;
}
.font21{
    font-size: 21px !important;
}
.font22{
    font-size: 22px !important;
}
.font23{
    font-size: 23px !important;
}
.font24{
    font-size: 24px !important;
}
.font25{
    font-size: 25px !important;
}
.font30{
    font-size: 30px !important;
}
.font35{
    font-size: 35px !important;
}
.font40{
    font-size: 40px !important;
}
.font45{
    font-size: 45px !important;
}
.font50{
    font-size: 50px !important;
}
.font60{
    font-size: 60px !important;
}

/*============ Font Color ===============*/

.font-white{
    color: #fff !important;
}
.font-black{
    color: #000 !important;
}
.font-gold{
    color: #be9a67 !important;
}
.font-green{
    color: #319f5f !important;
}
.font-blue{
    color: #1ea6de !important;
}

/*========= Background Color ===========*/

.bg_white{
    background: #fff !important;
}
.bg_black{
    background: #000 !important;
}

/*========= Allignment ===========*/

.center-allign{
    margin-left: auto !important;
    margin-right: auto !important;
}
.text-justify{
    text-align: justify;
}
.text-left{
    text-align: left !important;
}
.text-right{
    text-align: right;
}

/*==========Font Transformation================*/

.capital{
    text-transform: capitalize !important;
}
.uppercase{
    text-transform: uppercase !important;
}
.lowercase{
    text-transform: lowercase !important;
}

/*==========Font Weight================*/

.fw300{
    font-weight: 300 !important;
}
.fw400{
    font-weight: 400 !important;
}
.fw500{
    font-weight: 500 !important;
}
.fw600{
    font-weight: 600 !important;
}
.fw700{
    font-weight: 700 !important;
}
.fw800{
    font-weight: 800 !important;
}

/*Website Custom*/

.greenbg{
    background: #fbfff8 !important;
}
.divider_b{
    border-bottom: 0px #eee solid;
}
.greybg{
    background: #f9faff !important;
}

/*Checkbox Custom*/
.control-group {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    text-align: left;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    padding: 30px;
    width: 200px;
    height: 210px;
    margin: 10px;
}
.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    border: 1px solid #ddd;
}
.control--radio .control__indicator {
    border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #ccc;
}
.control input:checked ~ .control__indicator {
    background: #2aa1c0;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: #0e647d;
}
.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control__indicator:after {
    display: block;
}
.control--checkbox .control__indicator:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(40deg);
    font-size: 20px;
}
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}
/*Checkbox Custom End*/


/*Float*/
.w20p{
    width: 20%;
}
.w50p{
    width: 50%;
}
.floatr{
    float: right;
}
.floatl{
    float: left;
}
.floatno{
    float: none;
}
.label-end::after{
    content: ':';
    text-align: right;
    float: right;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    /*border: 1px solid #eee;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;*/
}
.form-control {
    border-radius: 3px;
}
.bb1{
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 20px;
}

.bt1{
    border-top: 1px solid #f4f4f4;
    margin-top: 20px;
    padding-top: 20px;
}

/*Custom Starts here*/