/*
* global
*/

body,html,input,select,textarea,h1,h2,h3,h4,h5,h6,.btn{
  /*font-family: 'Monda', sans-serif;*/
  /*/font-family: 'Roboto', sans-serif;*/
  
  font-family: Nunito,sans-serif;

}



.form-control:focus {
    outline: none;
    border-color: #CAE5F8;
    box-shadow: 0 0 0 2px #CAE5F8;
}




@media print {
  
}


@media print
{    
    /* hide urls*/
    a[href]:after {
        content: none !important;
    }
    /*set page to landscape mode*/
    /*@page { size: A4 landscape; margin: 1cm;}*/


    /*.box {transform: scale(.7);}*/

    /* avoid braking box*/
    .box{
        /*page-break-inside:auto;*/
        page-break-inside: avoid;
    }
    /*hide elements with no pront class*/
    .no-print, .no-print *
    {
        display: none !important;
    }

    nav#sidebar-wrapper{
        display: none !important;
    }
}

/*@media screen {
  #printSection {
      display: none;
  }
}

@media print {
  body * {
    visibility:hidden;
  }
  #printSection, #printSection * {
    visibility:visible;
  }
  #printSection {
    position:absolute;
    left:0;
    top:0;
  }
}*/



/*
* botstrap hot fix
*/
input[type="radio"], input[type="checkbox"] {
	margin: 3px 0 0;
	margin-top: 1px \9;
	line-height: normal;
}

label{
	font-weight: normal;
}

.btn{
	outline: none;
}

a:hover{
	text-decoration: none;
}

.text-bold{
    font-weight: bold;
}

.responsitive-vertical{
    background-size: 100%;
    background-repeat:no-repeat;

     position: relative;
    padding-bottom: 135%;
    /* Use 75% for 4:3 videos */
    height: 0;
    overflow: hidden;
    max-width: 100%;
   
   
}



.responsitive{
    position: relative;
    padding-bottom: 56.25%;
    /* Use 75% for 4:3 videos */
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.responsitive.article{
	border-bottom:1px solid #dce5f0;
}


.bg-cover{
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
    background-blend-mode: overlay;
    /*background-color: #448aff;*/
    background-image: url(https://dmypbau5frl9g.cloudfront.net/assets/common/bg-page-section-00fcdc3f6a998791f63bb32dc69b1105.png);
}


.box{
	border:1px solid #dce5f0;
	background-color: #fff;
	margin-bottom: 30px;
    border-radius: 5px;
}

.box .box-body{
	padding:20px;
}

.container.margin-top{
	margin-top:30px;
}

/*
* badge
*/

.badge
{
    font-size:12px;
}

.badge.badge-danger
{
    background-color:#f44336;
}
.badge.badge-success
{
    background-color:#4caf50;
}

/*
* alert
*/
.alert{
    position: relative;
    border-radius: 2px;
    padding-left:61px;
    border-color:#9e9e9e;
    color:#616161;
    /*background-blend-mode: overlay;
    background-image: url(../img/bg-cover.png);*/
}

.alert .icon{
    color:#fff;
    background-color: #9e9e9e;
    text-align: center;
    width: 45px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*border: 1px solid #bdbdbd;*/
    padding-top: 15px;
    display: inline-block;
   
}

.alert-danger {
    color: #d32f2f;
    background-color: #fff;
    border-color: #f44336;
    
}

.alert-danger .icon{
    color:#fff;
    background-color: #f44336;
}


.alert-warning{
    color: #ffa000;
    background-color: #fff;
    border-color: #ffc107;
}

.alert-warning .icon{
    color:#fff;
    background-color: #ffc107;
}

.alert-info{
    color: #1976d2;
    background-color: #fff;
    border-color: #2196f3;
}

.alert-info .icon{
    color:#fff;
    background-color: #2196f3;
}

.alert-success{
    color: #388e3c;
    background-color: #fff;
    border-color: #4caf50;
}

.alert-success .icon{
    color:#fff;
    background-color: #4caf50;
}


.or
{
    /*text-align:center;*/
}
.or span
{
    display:inline-block;
    border:1px solid #ddd;
    padding:5px 10px;
    font-size:12px;
    font-weight:bold;
    background:#fff;
    border-radius: 5px;
    cursor:pointer;
}


/*
* responsitive table
*/
@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
    #no-more-tables table, 
    #no-more-tables thead, 
    #no-more-tables tbody, 
    #no-more-tables th, 
    #no-more-tables td, 
    #no-more-tables tr { 
        display: block; 
    }
 
    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
 
    #no-more-tables tr { border: 1px solid #ccc; }
 
    #no-more-tables td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
    }
 
    #no-more-tables td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
 
    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }
}

/*
* table
*/
.table{
    font-size:12px;
}



/*
* table sorter
*/
    th.tablesorter-header{
        cursor: pointer;
    }

    th.tablesorter-header.tablesorter-headerUnSorted>.tablesorter-header-inner::after{
        display: inline-block;
        margin-left:5px;
        font-family: "Font Awesome 5 Free";
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: " \f0dc";
        color:#ccc;
    }

    th.tablesorter-header.tablesorter-headerAsc>.tablesorter-header-inner::after{
        display: inline-block;
        margin-left:5px;
        font-family: "Font Awesome 5 Free";
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: " \f0de";
        color:#ccc;
    }

    th.tablesorter-header.tablesorter-headerDesc>.tablesorter-header-inner::after{
        display: inline-block;
        margin-left:5px;
        font-family: "Font Awesome 5 Free";
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: " \f368";
        color:#ccc;
    }


    /*
* jquery ui date & time picker
*/

    .ui-slider{
        -webkit-box-shadow: inset 0px 0px 8px #ddd;
        box-shadow: inset 0px 0px 8px #ddd;
        /*margin-left:7px;*/
        position:relative;
        /*margin-top:8px;
        margin-bottom:15px;*/
        border:1px solid #ddd;
        
        height:4px;
        
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .ui-slider a.ui-slider-handle{
        position: absolute;
        margin-top:-4px;
        margin-left:-6px;
        /*border:1px solid #ddd;*/
        display: block;
        height:12px;
        width:12px;
        background:#08c;

        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        outline: none;
        
    }

    .ui-slider a.ui-slider-handle:hover{
        -webkit-box-shadow: 0px 0px 5px #000;
        box-shadow: 0px 0px 5px #000;
    }

    a.remove-underline{
        text-decoration: none;
    }


    .ui-datepicker{
        border:1px solid #ddd;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background:#fff;
        padding:10px;
        margin-top:5px;
        display:none;
    }

    .ui-datepicker .ui-datepicker-header{
        overflow: hidden;
        border-bottom:1px solid #ddd;
        padding-bottom:5px;
        margin-bottom:5px;
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-title{
        margin-left:40px;
        margin-right:40px;
        text-align: center;
        font-weight: bold
    }

    .ui-datepicker .ui-datepicker-header a.ui-datepicker-prev{
        float:left;
        cursor:pointer;
    }

    .ui-datepicker .ui-datepicker-header a.ui-datepicker-next{
        float:right;
        cursor:pointer;
    }

    .ui-datepicker table.ui-datepicker-calendar{
        width:100%;
    }

    .ui-datepicker table.ui-datepicker-calendar td a{
        display:block;
        width:25px;
        margin:1px;
        border:1px solid #efefef;
        text-align:center;
    }

    .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day a{
        border:1px solid #ddd;
        background:#efefef;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

    .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today a{
        border:1px solid #1976d2;
        background:#1976d2;
        color:#fff;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }


    /*
    * time picker
    */
    .ui-timepicker-div{
        border-top:1px solid #ddd;
        margin-top:5px;
    }

    .ui-timepicker-div dl{
        margin-top:0;
        margin-bottom:0;
        padding:5px;
    }

    .ui-timepicker-div dl dt.ui_tpicker_time_label{
        float:left;
        clear:left;
    }

    .ui-timepicker-div dl dd.ui_tpicker_time{
        margin-left:60px;
        text-align: right;
    }

    .ui-timepicker-div dl dd{
        margin-left:0;
        margin-top:5px;
        margin-bottom:5px;
        /*margin: 0 10px 10px 40%;*/
        /*display:inline-block;*/

    }

    .ui-datepicker-buttonpane{
        border-top:1px solid #ddd;
        padding-top:10px;
        overflow:hidden;
        /*padding-left: 5px;
        padding-right: 5px;
        margin-bottom:5px;*/

    }

    .ui-datepicker-buttonpane button.ui-datepicker-close{
        float:right;
    }

    .ui-datepicker-buttonpane button{
        display: inline-block;
        padding: 2px 10px;
        margin-bottom: 0;
        font-size: 11.9px;
        line-height: 20px;
        color: #333333;
        text-align: center;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        vertical-align: middle;
        cursor: pointer;
        background-color: #f5f5f5;
        background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
        background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
        background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
        background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
        background-repeat: repeat-x;
        border: 1px solid #cccccc;
        border-color: #e6e6e6 #e6e6e6 #bfbfbf;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        border-bottom-color: #b3b3b3;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    }