/*****************************
------------------------------
Project: Courses Finder
Author: Cyllestra Technologies
URL: http://cyllestra.com
--------------------------------
*******************************/

/** PADDING **/
.cts-p-l-0 { padding-left: 0px !important;}
.cts-p-l-3 { padding-left: 3px !important;}
.cts-p-l-5 { padding-left: 5px !important;}
.cts-p-l-10 { padding-left: 10px !important;}
.cts-p-l-15 { padding-left: 15px !important;}
.cts-p-l-20 { padding-left: 20px !important;}
.cts-p-l-25 { padding-left: 25px !important;}
.cts-p-l-30 { padding-left: 30px !important;}
.cts-p-l-35 { padding-left: 35px !important;}
.cts-p-l-40 { padding-left: 40px !important;}
.cts-p-l-45 { padding-left: 45px !important;}
.cts-p-l-50 { padding-left: 50px !important;}

.cts-p-r-0 { padding-right: 0px !important;}
.cts-p-r-3 { padding-right: 3px !important;}
.cts-p-r-5 { padding-right: 5px !important;}
.cts-p-r-10 { padding-right: 10px !important;}
.cts-p-r-15 { padding-right: 15px !important;}
.cts-p-r-20 { padding-right: 20px !important;}
.cts-p-r-25 { padding-right: 25px !important;}
.cts-p-r-30 { padding-right: 30px !important;}
.cts-p-r-35 { padding-right: 35px !important;}
.cts-p-r-40 { padding-right: 40px !important;}
.cts-p-r-45 { padding-right: 45px !important;}
.cts-p-r-50 { padding-right: 50px !important;}

.cts-p-t-0 { padding-top: 0px !important;}
.cts-p-t-3 { padding-top: 3px !important;}
.cts-p-t-5 { padding-top: 5px !important;}
.cts-p-t-10 { padding-top: 10px !important;}
.cts-p-t-15 { padding-top: 15px !important;}
.cts-p-t-20 { padding-top: 20px !important;}
.cts-p-t-25 { padding-top: 25px !important;}
.cts-p-t-30 { padding-top: 30px !important;}
.cts-p-t-35 { padding-top: 35px !important;}
.cts-p-t-40 { padding-top: 40px !important;}
.cts-p-t-45 { padding-top: 45px !important;}
.cts-p-t-50 { padding-top: 50px !important;}

.cts-p-b-0 { padding-bottom: 0px !important;}
.cts-p-b-3 { padding-bottom: 3px !important;}
.cts-p-b-5 { padding-bottom: 5px !important;}
.cts-p-b-10 { padding-bottom: 10px !important;}
.cts-p-b-15 { padding-bottom: 15px !important;}
.cts-p-b-20 { padding-bottom: 20px !important;}
.cts-p-b-25 { padding-bottom: 25px !important;}
.cts-p-b-30 { padding-bottom: 30px !important;}
.cts-p-b-35 { padding-bottom: 35px !important;}
.cts-p-b-40 { padding-bottom: 40px !important;}
.cts-p-b-45 { padding-bottom: 45px !important;}
.cts-p-b-50 { padding-bottom: 50px !important;}

.cts-p-lr-0 { padding-left: 0px !important; padding-right: 0px !important;}
.cts-p-lr-3 { padding-left: 3px !important; padding-right: 3px !important;}
.cts-p-lr-5 { padding-left: 5px !important; padding-right: 5px !important;}
.cts-p-lr-10 { padding-left: 10px !important; padding-right: 10px !important;}
.cts-p-lr-15 { padding-left: 15px !important; padding-right: 15px !important;}
.cts-p-lr-20 { padding-left: 20px !important; padding-right: 20px !important;}
.cts-p-lr-25 { padding-left: 25px !important; padding-right: 25px !important;}

.cts-p-tb-0 { padding-top: 0px !important; padding-bottom: 0px !important;}
.cts-p-tb-5 { padding-top: 5px !important; padding-bottom: 5px !important;}
.cts-p-tb-3 { padding-top: 3px !important; padding-bottom: 3px !important;}
.cts-p-tb-10 { padding-top: 10px !important; padding-bottom: 10px !important;}
.cts-p-tb-15 { padding-top: 15px !important; padding-bottom: 15px !important;}
.cts-p-tb-20 { padding-top: 20px !important; padding-bottom: 20px !important;}
.cts-p-tb-25 { padding-top: 25px !important; padding-bottom: 25px !important;}

.cts-p-trbl-0{padding: 0px !important;}
.cts-p-trbl-3{ padding: 3px !important;}
.cts-p-trbl-5{ padding: 5px !important;}
.cts-p-trbl-10{ padding: 10px !important;}
.cts-p-trbl-15{ padding: 15px !important;}
.cts-p-trbl-20{ padding: 20px !important;}
.cts-p-trbl-25{ padding: 25px !important;}

/** MARGIN **/
.cts-m-l-0 { margin-left: 0px !important;}
.cts-m-l-5 { margin-left: 5px !important;}
.cts-m-l-10 { margin-left: 10px !important;}
.cts-m-l-15 { margin-left: 15px !important;}
.cts-m-l-20 { margin-left: 20px !important;}
.cts-m-l-25 { margin-left: 25px !important;}
.cts-m-l-30 { margin-left: 30px !important;}
.cts-m-l-35 { margin-left: 35px !important;}
.cts-m-l-40 { margin-left: 40px !important;}
.cts-m-l-45 { margin-left: 45px !important;}
.cts-m-l-50 { margin-left: 50px !important;}

.cts-m-r-0 { margin-right: 0px !important;}
.cts-m-r-5 { margin-right: 5px !important;}
.cts-m-r-10 { margin-right: 10px !important;}
.cts-m-r-15 { margin-right: 15px !important;}
.cts-m-r-20 { margin-right: 20px !important;}
.cts-m-r-25 { margin-right: 25px !important;}
.cts-m-r-30 { margin-right: 30px !important;}
.cts-m-r-35 { margin-right: 35px !important;}
.cts-m-r-40 { margin-right: 40px !important;}
.cts-m-r-45 { margin-right: 45px !important;}
.cts-m-r-50 { margin-right: 50px !important;}

.cts-m-t-0 { margin-top: 0px !important;}
.cts-m-t-5 { margin-top: 5px !important;}
.cts-m-t-10 { margin-top: 10px !important;}
.cts-m-t-15 { margin-top: 15px !important;}
.cts-m-t-20 { margin-top: 20px !important;}
.cts-m-t-25 { margin-top: 25px !important;}
.cts-m-t-30 { margin-top: 30px !important;}
.cts-m-t-35 { margin-top: 35px !important;}
.cts-m-t-40 { margin-top: 40px !important;}
.cts-m-t-45 { margin-top: 45px !important;}
.cts-m-t-50 { margin-top: 50px !important;}
.cts-m-t-60 { margin-top: 60px !important;}
.cts-m-t-70 { margin-top: 70px !important;}
.cts-m-t-80 { margin-top: 80px !important;}
.cts-m-t-90 { margin-top: 90px !important;}
.cts-m-t-100 { margin-top: 100px !important;}

.cts-m-b-0 { margin-bottom: 0px !important;}
.cts-m-b-5 { margin-bottom: 5px !important;}
.cts-m-b-10 { margin-bottom: 10px !important;}
.cts-m-b-15 { margin-bottom: 15px !important;}
.cts-m-b-20 { margin-bottom: 20px !important;}
.cts-m-b-25 { margin-bottom: 25px !important;}
.cts-m-b-30 { margin-bottom: 30px !important;}
.cts-m-b-35 { margin-bottom: 35px !important;}
.cts-m-b-40 { margin-bottom: 40px !important;}
.cts-m-b-45 { margin-bottom: 45px !important;}
.cts-m-b-50 { margin-bottom: 50px !important;}
.cts-m-b-60 { margin-bottom: 60px !important;}
.cts-m-b-70 { margin-bottom: 70px !important;}
.cts-m-b-80 { margin-bottom: 80px !important;}
.cts-m-b-90 { margin-bottom: 90px !important;}
.cts-m-b-100 { margin-bottom: 100px !important;}

.cts-m-lr-0 { margin-left: 0px !important; margin-right: 0px !important;}
.cts-m-lr-5 { margin-left: 5px !important; margin-right: 5px !important;}
.cts-m-lr-10 { margin-left: 10px !important; margin-right: 10px !important;}
.cts-m-lr-15 { margin-left: 15px !important; margin-right: 15px !important;}
.cts-m-lr-20 { margin-left: 20px !important; margin-right: 20px !important;}
.cts-m-lr-25 { margin-left: 25px !important; margin-right: 25px !important;}

.cts-m-tb-0 { margin-top: 0px !important; margin-bottom: 0px !important;}
.cts-m-tb-5 { margin-top: 5px !important; margin-bottom: 5px !important;}
.cts-m-tb-10 { margin-top: 10px !important; margin-bottom: 10px !important;}
.cts-m-tb-15 { margin-top: 15px !important; margin-bottom: 15px !important;}
.cts-m-tb-20 { margin-top: 20px !important; margin-bottom: 20px !important;}
.cts-m-tb-25 { margin-top: 25px !important; margin-bottom: 25px !important;}

.cts-m-trbl-0{margin: 0px !important;}
.cts-m-trbl-5{ margin: 5px !important;}
.cts-m-trbl-10{ margin: 10px !important;}
.cts-m-trbl-15{ margin: 15px !important;}
.cts-m-trbl-20{ margin: 20px !important;}

/*** Fonts ***/
.cts-font-8 {font-size: 8px !important;}
.cts-font-9 {font-size: 9px !important;}
.cts-font-10 {font-size: 10px !important;}
.cts-font-11 {font-size: 11px !important;}
.cts-font-12 {font-size: 12px !important;}
.cts-font-13 {font-size: 13px !important;}
.cts-font-14 {font-size: 14px !important;}
.cts-font-15 {font-size: 15px !important;}
.cts-font-16 {font-size: 16px !important;}
.cts-font-17 {font-size: 17px !important;}
.cts-font-18 {font-size: 18px !important;}
.cts-font-19 {font-size: 19px !important;}
.cts-font-20 {font-size: 20px !important;}
.cts-font-21 {font-size: 21px !important;}
.cts-font-22 {font-size: 22px !important;}
.cts-font-23 {font-size: 23px !important;}
.cts-font-24 {font-size: 24px !important;}
.cts-font-25 {font-size: 25px !important;}
.cts-font-26 {font-size: 26px !important;}
.cts-font-27 {font-size: 27px !important;}
.cts-font-28 {font-size: 28px !important;}
.cts-font-29 {font-size: 29px !important;}
.cts-font-30 {font-size: 30px !important;}
.cts-font-35 {font-size: 35px !important;}
.cts-font-40 {font-size: 40px !important;}
.cts-font-50 {font-size: 50px !important;}
.cts-font-60 {font-size: 60px !important;}


/*** Box Width Start ***/
.cts-w-100 { width: 100% !important;}
.cts-w-90 { width: 90% !important;}
.cts-w-80 { width: 80% !important;}
.cts-w-70 { width: 70% !important;}
.cts-w-60 { width: 60% !important;}
.cts-w-55 { width: 55% !important;}
.cts-w-50 { width: 50% !important;}
.cts-w-45 { width: 45% !important;}
.cts-w-40 { width: 40% !important;}
.cts-w-35 { width: 35% !important;}
.cts-w-30 { width: 30% !important;}
.cts-w-25 { width: 25% !important;}
.cts-w-20 { width: 20% !important;}
.cts-w-15 { width: 15% !important;}
.cts-w-10 { width: 10% !important;}
.cts-w-5 { width: 5% !important;}


.cts-max-100 { max-width: 100% !important;}
.cts-max-90 { max-width: 90% !important;}
.cts-max-80 { max-width: 80% !important;}
.cts-max-70 { max-width: 70% !important;}
.cts-max-60 { max-width: 60% !important;}
.cts-max-50 { max-width: 50% !important;}
.cts-max-40 { max-width: 40% !important;}
/*** Box Width End ***/

/*** Height ***/
.cts-h-10 { height: 10px !important; }
.cts-h-15 { height: 15px !important; }
.cts-h-20 { height: 20px !important; }

.cts-mh-5 { max-height: 5px !important; }
.cts-mh-7 { max-height: 7px !important; }
.cts-mh-10 { max-height: 10px !important; }
.cts-mh-15 { max-height: 15px !important; }
.cts-mh-20 { max-height: 20px !important; }
/*** Height End ***/

.cts-align-right { text-align: right !important;}
.cts-align-left { text-align: left !important;}
.cts-align-center { text-align: center !important;}

.cts-center-my-block{
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.cts-left-my-block{
    float: left !important;
}

.cts-right-my-block{
    float: right !important;
}

.cts-pointer{
    cursor: pointer;
}

.cts-va-m {
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}

/*** TEXT CHANGES START ***/
.cts-text-bold{ font-weight: bold; }
.cts-text-500{ font-weight: 500; }
.cts-text-600{ font-weight: 600; }
.cts-text-700{ font-weight: 700; }
.cts-text-800{ font-weight: 800; }
.cts-text-bolder{ font-weight: bolder; }

.cts-text-orange{ color: #F44336 !important; }
.cts-text-green{ color: #28ab2e !important; }
.cts-text-white{ color: #FFFFFF !important; }
.cts-text-gray{ color: #CCCCCC !important; }
.cts-text-dark{ color: #333333 !important; }
/*** TEXT CHANGES END ***/

/*** Background ***/
.cts-bg-dark { background: #232323 !important; border: 1px solid #232323 !important;}
.cts-bg-light { background: #f4f4f4 !important; border: 1px solid #F3F3F3 !important;}
.cts-bg-red { background: #F44336 !important;}
.cts-bg-blue { background: #2196F3 !important;}
.cts-bg-white { background: #FFFFFF !important;}
/*.cts-bg-gray { background: #DDDDDD !important; border: 1px solid #DDDDDD !important;}*/

/*** Borders ***/
.cts-border-all{ border: 1px solid #ebebeb!important; }
.cts-border-b{ border-bottom: 1px solid #ebebeb!important; }
.cts-border-b-dark{ border-bottom: 1px solid #c9c9c9!important; }
.cts-border-l{ border-left: 1px solid #ebebeb!important; }
.cts-border-r{ border-right: 1px solid #ebebeb!important; }

/*** HIDE **/
.cts-hide{ display: none; }
.cts-f-hide{ display: none !important; }

/*** Button ***/
.cts-btn-gray, .cts-btn-gray:hover, .cts-btn-gray:active {
    background-color: #DDDDDD !important;
    border: 1px solid #DDDDDD !important;
    color: #4c5667 !important;
}

/*** Same Height Columns ***/
.cts-same-h {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.cts-same-h > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

/*** Cursor And Underline ***/
.cts-cp-ul {
    cursor: pointer;
}

.cts-va-b {
    vertical-align: bottom;
}

.cts-cp-ul:hover {
    text-decoration: underline;
}

.cts-ul-dotted {
    border-bottom: 1px dotted #000;
    text-decoration: none;
}

.cts-ul {
    text-decoration: underline;
}

.cts-content-pipe-r {
    position: relative;
    padding-right: 11px;
    white-space: nowrap;
}

.cts-no-cp {
    text-decoration: none !important
}

.cts-content-pipe-r > span::after {
    position: absolute;
    content: " | ";
    right: 0;
}

.cts-col-container {
    display: table;
    width: 100%;
}
.cts-col {
    display: table-cell;
    padding-right: 5px;
}

.cts-icon-container {
    width: 100%;
    display: table;
}

.cts-icon-container .cts-icon {
    width: 20px;
    display: table-cell;
    /*position: relative;*/
}
.cts-border-t-0 {border-top: 0!important;}
.cts-border-r-0 {border-right: 0!important;}
.cts-border-b-0 {border-bottom: 0!important;}
.cts-border-l-0 {border-left: 0!important;}
.cts-border-all-0 {border: 0!important;}
.cts-box-shadow-0 {box-shadow: none!important;}

/*.cts-icon-container .cts-icon i {*/
    /*position: absolute;*/
/*}*/

.cts-icon-container .cts-icon-contents {
    display: table-cell;
}

.cts-border-round {
    border: 1px solid #ddd;
    border-radius: 50%;
}

.cts-ul-list-none {list-style-type: none!important;}

.cts-position-none{
    position: unset!important;
}


ul.cts-icon-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.cts-icon-list li {
    position: relative;
    padding: 4px 4px 4px 20px;
}
ul.cts-icon-list li em:first-child{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    line-height: 30px;
}
.cts-text-truncate-td {
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
    max-width:1px;
}
.cts-text-truncate{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/*.cts-content-pipe-r > span:last-child:after {*/
    /*content: "@";*/
/*}*/

/*** xs ***/
@media only screen and (max-width: 767px){
    .cts-p-l-xs-0 { padding-left: 0 !important; }
    .cts-p-l-xs-10 { padding-left: 10px !important; }
    .cts-p-l-xs-20 { padding-left: 20px !important; }
    .cts-p-l-xs-30 { padding-left: 30px !important; }

    .cts-p-t-xs-0 { padding-top: 0 !important; }
    .cts-p-t-xs-10 { padding-top: 10px !important; }
    .cts-p-t-xs-20 { padding-top: 20px !important; }
    .cts-p-t-xs-30 { padding-top: 30px !important; }

    .cts-p-b-xs-0 { padding-bottom: 0 !important; }
    .cts-p-b-xs-10 { padding-bottom: 10px !important; }
    .cts-p-b-xs-20 { padding-bottom: 20px !important; }
    .cts-p-b-xs-30 { padding-bottom: 30px !important; }

    .cts-p-r-xs-0 { padding-right: 0 !important; }
    .cts-p-r-xs-10 { padding-right: 10px !important; }
    .cts-p-r-xs-20 { padding-right: 20px !important; }
    .cts-p-r-xs-30 { padding-right: 30px !important; }

    .cts-m-l-xs-0 { margin-left: 0 !important; }
    .cts-m-l-xs-10 { margin-left: 10px !important; }
    .cts-m-l-xs-20 { margin-left: 20px !important; }
    .cts-m-l-xs-30 { margin-left: 30px !important; }

    .cts-m-t-xs-0 { margin-top: 0 !important; }
    .cts-m-t-xs-10 { margin-top: 10px !important; }
    .cts-m-t-xs-20 { margin-top: 20px !important; }
    .cts-m-t-xs-30 { margin-top: 30px !important; }

    .cts-m-b-xs-0 { margin-bottom: 0 !important; }
    .cts-m-b-xs-10 { margin-bottom: 10px !important; }
    .cts-m-b-xs-20 { margin-bottom: 20px !important; }
    .cts-m-b-xs-30 { margin-bottom: 30px !important; }

    .cts-m-r-xs-0 { margin-right: 0 !important; }
    .cts-m-r-xs-10 { margin-right: 10px !important; }
    .cts-m-r-xs-20 { margin-right: 20px !important; }
    .cts-m-r-xs-30 { margin-right: 30px !important; }

    .cts-xs-hide { display: none; }
}

/*** sm/md/lg ***/
@media only screen and (min-width: 768px){
    .cts-p-l-sm-0 { padding-left: 0 !important; }
    .cts-p-l-sm-10 { padding-left: 10px !important; }
    .cts-p-l-sm-15 { padding-left: 15px !important; }
    .cts-p-l-sm-20 { padding-left: 20px !important; }
    .cts-p-l-sm-30 { padding-left: 30px !important; }

    .cts-p-t-sm-0 { padding-top: 0 !important; }
    .cts-p-t-sm-10 { padding-top: 10px !important; }
    .cts-p-t-sm-15 { padding-top: 15px !important; }
    .cts-p-t-sm-20 { padding-top: 20px !important; }
    .cts-p-t-sm-30 { padding-top: 30px !important; }

    .cts-p-b-sm-0 { padding-bottom: 0 !important; }
    .cts-p-b-sm-10 { padding-bottom: 10px !important; }
    .cts-p-b-sm-15 { padding-bottom: 15px !important; }
    .cts-p-b-sm-20 { padding-bottom: 20px !important; }
    .cts-p-b-sm-30 { padding-bottom: 30px !important; }

    .cts-p-r-sm-0 { padding-right: 0 !important; }
    .cts-p-r-sm-10 { padding-right: 10px !important; }
    .cts-p-r-sm-15 { padding-right: 15px !important; }
    .cts-p-r-sm-20 { padding-right: 20px !important; }
    .cts-p-r-sm-30 { padding-right: 30px !important; }

    .cts-m-l-sm-0 { margin-left: 0 !important; }
    .cts-m-l-sm-10 { margin-left: 10px !important; }
    .cts-m-l-sm-15 { margin-left: 15px !important; }
    .cts-m-l-sm-20 { margin-left: 20px !important; }
    .cts-m-l-sm-30 { margin-left: 30px !important; }

    .cts-m-t-sm-0 { margin-top: 0 !important; }
    .cts-m-t-sm-10 { margin-top: 10px !important; }
    .cts-m-t-sm-15 { margin-top: 15px !important; }
    .cts-m-t-sm-20 { margin-top: 20px !important; }
    .cts-m-t-sm-30 { margin-top: 30px !important; }

    .cts-m-b-sm-0 { margin-bottom: 0 !important; }
    .cts-m-b-sm-10 { margin-bottom: 10px !important; }
    .cts-m-b-sm-15 { margin-bottom: 15px !important; }
    .cts-m-b-sm-20 { margin-bottom: 20px !important; }
    .cts-m-b-sm-30 { margin-bottom: 30px !important; }

    .cts-m-r-sm-0 { margin-right: 0 !important; }
    .cts-m-r-sm-10 { margin-right: 10px !important; }
    .cts-m-r-sm-15 { margin-right: 15px !important; }
    .cts-m-r-sm-20 { margin-right: 20px !important; }
    .cts-m-r-sm-30 { margin-right: 30px !important; }

    .cts-sm-hide { display: none; }
}