/* 
    Created on : 20/02/2018, 1:22:49 PM
    Author     : Daniel
*/

html,
body {
    margin:0;
    padding:0;
    height:100%;
}

a{
    text-decoration: none !important;
}

.nav-link {
    color: #07a7e3 ;
}

.navbar .nav-link {
    font-weight: bold;
    text-transform: uppercase;   
    outline-color: transparent;
    font-size: 0.95rem;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

#wrapper {
    min-height:100%;
    position:relative;
}

#content {
    padding-top: 65px;
    min-height:800px;
    margin-bottom: 10px;
    padding-bottom:155px; /* Height of the footer element */
    
}
#footer {
    z-index:11;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    text-align:center;
}

.icon-tennis-ball {
    background: url('/content/img/tennis-ball-sm.png');
    background-size: contain;
    height: 10px;
    width: 10px;
    display: inline-block;
    cursor: pointer;
  
}

.panel hr{
    margin: 2px 0px;
    border-bottom: 1px solid #fff;
}
.badge, .dropdown-header, .label, .pagination>li.active>a, .pagination>li.active>span, .table th, .table-caption, label, optgroup, .panel hr {
    font-weight: 100;
}

.logo-footer{
    max-width:100%; 
    max-height: 35px;      
}

.logo-corner{
    max-width:100%; 
    max-height: 60px;      
}

.navbar-brand-small .logo
{
    max-width:100%; 
    max-height: 40px;     
}
.navbar-header{
    padding:2px 5px;
    height:50px;
    vertical-align:middle;
}
.px-navbar .navbar-nav>li>.dropdown-toggle{
    padding:2px!important;
}
.profilebar{
    display:relative; 
    margin:0px 0px 0px 0px;
    background-color: #f8f8f8;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));
    background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: linear-gradient(top, #f8f8f8, #f2f2f2);
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    text-shadow: 0px 1px #fff;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    color: #666;
    vertical-align: middle;
}
.profileemp{
    padding:3px;
    max-height:120px;
    max-width:80px;
    margin:0px 0px 0px 0px;
    background-color: #f8f8f8;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));
    background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: linear-gradient(top, #f8f8f8, #f2f2f2);
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    text-shadow: 0px 1px #fff;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    color: #666;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
}
.profileemp img{
    min-width: 80px;
    max-width: 100%;
    height: auto;
    max-height:72px;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    display: block;
}
.profilemy{
    display:relative;
    text-align: center;
    height:50px;
    width:50px;
    background-color: #f8f8f8;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));
    background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: linear-gradient(top, #f8f8f8, #f2f2f2);
    border-radius: 50%;
    text-shadow: 0px 1px #fff;
    border-bottom: 3px solid #ccc;
    border-top: 1px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    color: #666;
    font-size: 13px;
    font-weight: bold;
}
.profilemy img{
    max-height:46px;
    max-width: 46px;
    width:auto;
    margin-left:auto;
    margin-right:auto;
    display: block;
}
.profilemyw{
    display:relative;
    max-height:50px;;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
    background-color: #f8f8f8;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));
    background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: linear-gradient(top, #f8f8f8, #f2f2f2);
    border-radius: 3px;
    text-shadow: 0px 1px #fff;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    color: #666;
    font-size: 13px;
    font-weight: bold;
    padding: 2px !important;
}
.profilemyw img{
    max-height:44px;
    max-width: 100% !important;
    width: auto;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    display: block;
}
.dropdown-menu hr{
    margin:2px;
    padding:0px;
}
.fa-likeapp{
    padding: 20px;
    font-size: 30px;   
    text-align: center;
    text-decoration: none;
    background: #3B5998;
    min-width:70px;
    min-height:70px;
    border-bottom: 1px solid #ccc;
    color: white;
    border-radius: 16%;
}
.div-likeapp{   
    padding-top:10px;
    width:100%;
    text-align: center;
    background:white;
    border-bottom: 1px solid #ccc;
    border-radius: 10%;
}
.a-likeapp{
    display: block;
}
.panel-heading{
    padding: 9px 9px;
}
.panel-heading-icon{
    right: 13px;
}
/* Process Detail */
.displayboard{
    min-height: 400px;
}
/*table*/
.table-t-noborder td, .table-t-noborder th 
{
    border-top: none !important;
}


/*Table Condensed*/
.table-condensed-x-0-y-0 td, .table-condensed-x-1-y-0 th  {
    padding:0px 0px !important;
}

.table-condensed-0 td, .table-condensed-0 th  {
    padding:0px !important;
}
.table-condensed-1 td, .table-condensed-1 th  {
    padding:1px !important;
}
.table-condensed-2 td, .table-condensed-2 th {
    padding:2px !important;
}
.table-condensed-3 td, .table-condensed-3 th {
    padding:3px !important;
}
.table-condensed-4 td, .table-condensed-4 th {
    padding:4px !important;
}
.table-condensed-5 td, .table-condensed-5 th {
    padding:5px  !important;
}
.table-condensed-6 td, .table-condensed-6 th {
    padding:6px !important;
}
.table-condensed-7 td, .table-condensed-7 th {
    padding:7px !important;
}
.table-condensed-8 td, .table-condensed-8 th {
    padding:8px !important;
}


/*Input Table*/
.table-input td{
    padding:0px 0px !important;
}
.table-contract td {
    padding:4px !important;
}
select:focus, input:focus, button:focus { 
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border-color: rgba(81, 203, 238, 1) !important;
}
.table-input input{
    width: 100%;
    border: 1px solid lightslategrey;
    padding-left:2px;
    padding-right:0px;
}
.table-input select{
    padding: 4px;
    display:inline;
    width:100%; 
    color:#666;
    border: 1px solid  lightslategrey;
}
/*END Input */

/*Data Tables*/
div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled){
    background-color: #a7a7a7; 
    /* background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%); */
    background-image: -moz-linear-gradient(top, #f0f0f0 0%, #a7a7a7 100%);
    background-image: -ms-linear-gradient(top, #f0f0f0 0%, #a7a7a7 100%);
    background-image: -o-linear-gradient(top, #f0f0f0 0%, #a7a7a7 100%);
    background-image: linear-gradient(to bottom, #f0f0f0 0%, #a7a7a7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f0f0f0', EndColorStr='#a7a7a7');
}
table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer{
    border-bottom: 1px solid lightgray;
}
.remove-sorting{
    background:none !important;
}
.dataTable thead th:before, .dataTable thead th:after{
    display:none !important;
}
.dataTables_paginate{
    float:right !important;   
}
.dataTables_info{
    float:left !important;   
}

.dataTables_filter{
    float:right !important;
    margin-bottom:7px !important;
}
.paginate_button
{
    padding: 0px 0.5em !important;
}
a.paginate_button.last
{
    display:none!important;
}
a.paginate_button.next{
    display:none!important;
}
a.paginate_button.previous{
   display:none !important;
}
a.paginate_button.first{
    display:none !important;
}

/*end data table*/


/*Color highlight w/ bootstrap*/
.colsuccess{
    background-color: rgba(127,63,191,1);
}
.colerror{
    background-color: #dff0d8;
}
.colwarning{
    background-color: rgba(252, 248, 227,1);
}
.colinfo{
    background-color: rgba(127,63,191,0.1);
}
.colblack{
    background-color: rgba(39,38,52,0.1) !important;
}
.colmagenta{
    background-color: rgba(127,63,191,0.1) !important;
}
.colblue{
    background-color:  rgba(8,96,211,0.1) !important;
}
.colred{
    background-color: rgba(191,62,62,0.1) !important;
}
.colgreen{
    background-color: rgba(62,191,62,0.1) !important;
}
.colorange{
    background-color: rgba(255,102,0,0.1) !important;
}
.colyellow{
    background-color: rgba(210,194,7,0.1) !important;
}
.colacua{
    background-color: rgba(62,191,191,0.1) !important;
}
.colpink{
    background-color: rgba(255,20,147,0.1) !important;
}
.colblackstrong{
    background-color: rgba(39,38,52,0.8) !important;
    color:white !important;
}
.colmagentastrong{
    background-color: rgba(127,63,191,0.8) !important;
    color:white !important;
}
.colbluestrong{
    background-color: rgba(8,96,211,0.8) !important;
    color:white !important;
}
.colredstrong{
    background-color: rgba(191,62,62,0.8) !important;
    color:white !important;
}
.colgreenstrong{
    background-color: rgba(62,191,62,0.8) !important;
    color:white !important;
}
.colorangestrong{
    background-color: rgba(255,102,0,0.8) !important;
    color:white !important;
}
.colyellowstrong{
    background-color: rgba(210,194,7,0.8) !important;
    color:white !important;
}
.colacuastrong{
    background-color: rgba(62,191,191,0.8) !important;
    color:white !important;
}
.colpinkstrong{
    background-color: rgba(255,20,147,0.8) !important;
    color:white !important;
}

.colblackpanel{
    background-color: rgba(39,38,52,0.8) !important;
    border-bottom: 2px rgba(39,38,52,1);
}
.colmagentapanel{
    background-color: rgba(127,63,191,0.8) !important;
    border-bottom: 2px rgba(127,63,191,1);
}
.colbluepanel{
    background-color: rgba(8,96,211,0.8) !important;
    border-bottom: 2px rgba(8,96,211,1);
}
.colredpanel{
    background-color: rgba(191,62,62,0.8) !important;
    border-bottom: 2px rgba(191,62,62,1);
}
.colgreenpanel{
    background-color: rgba(62,191,62,0.6) !important;
    border-bottom: 2px rgba(62,191,62,1);
}
.colorangepanel{
    background-color: rgba(255,102,0,0.8) !important;
    border-bottom: 2px rgba(255,102,0,1);
}
.colyellowpanel{
    background-color: rgba(210,194,7,0.8) !important;
    border-bottom: 2px rgba(210,194,7,1);
}
.colacuapanel{
    border-bottom: 2px rgba(62,191,191,1);
    background-color: rgba(62,191,191,0.8) !important;
}
.colpinkpanel{
    border-bottom: 2px rgba(255,20,147,1);
    background-color: rgba(255,20,147,0.8) !important;
}

.colblackstrongborder{
    border-color: rgba(39,38,52,1) !important;    
}
.colmagentastrongborder{
    border-color: rgba(127,63,191,1) !important;    
}
.colbluestrongborder{
    border-color: rgba(8,96,211,1) !important;  
}
.colredstrongborder{
    border-color: rgba(191,62,62,1) !important;  
}
.colgreenstrongborder{
    border-color: rgba(62,191,62,1) !important;  
}
.colorangestrongborder{
    border-color: rgba(255,102,0,1) !important;  
}
.colyellowstrongborder{
    border-color: rgba(210,194,7,1) !important;   
}
.colacuastrongborder{
    border-color: rgba(62,191,191,1) !important;  
}
.colpinkstrongborder{
    border-color: rgba(255,20,147,1) !important;  
}
.px-nav{
    font-size: 13px;
    line-height: 22px;
}
.px-nav li i {
    display: inline-block !important;
    margin-right: 3px !important;
    background: #eee ;
    color: #888 ;
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
    text-align: center !important;
    border: 1px solid #ccc;
}

.submenu a i {
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
}
.px-nav-item .active i{
    color: #fff !important;
}
.px-nav-collapse .active  i{
    background: #e7357a;    
    color: #fff !important;
}
tr.border_bottom_blue td{
    border-bottom:1pt solid rgba(8,96,211,1) !important;
}
tr.border_bottom_green td{
    border-bottom:1pt solid rgba(62,191,62,1) !important;
}
tr.border_top_blue td{
    border-top:1pt solid rgba(8,96,211,1) !important;
}
tr.border_top_green td{
    border-top:1pt solid rgba(62,191,62,1) !important;
}
table.border-left td{
    border-left: 1px solid rgba(0,0,0,.05) !important;
}
.signature-container{
    border: 1px solid #e8e8e8;
    background-color: #fff;
    position: relative;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
    border-radius: 4px;
    padding: 16px;
    width: 400px;
    height: 200px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.signature-container-img{       
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 4px;
    padding: 16px;
    width: 300px;
    height: 120px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.signature-pad{
    position: absolute;
    left: 0;
    top: 0;
    width:400px;
    height:200px;
}
.signature-pad-img{
    position: absolute;
    left: 0;
    top: 0;
    width:300px;
    height:150px;
}
.page-header{   
    padding: 0px 5px 10px 5px;
    margin:0 0 20px 0;    
}
.panel-body-shadow{
    display: block;
    padding: 20px;
    margin-bottom:30px;
    background-color: #fcfcfc;
    -webkit-box-shadow: 0px 13px 18px -15px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 13px 18px -15px rgba(0,0,0,0.23);
    box-shadow: 0px 13px 18px -15px rgba(0,0,0,0.23);
}
.ui.icon.input button{
    margin-left:-21px; 
    background-color:transparent;
    font-size: 8px;
    border:none;
}

.ui.button{
    border-radius: 10px !important;
}

/*Width Start */
.width-100p{
    width:100%;
}

.width-5{
    width:5px;
}
.width-10{
    width:10px;
}
.width-15{
    width:15px;
}
.width-20{
    width:20px;
}
.width-25{
    width:25px;
}
.width-30{
    width:30px;
}
.width-35{
    width:35px;
}
.width-40{
    width:40px;
}
.width-45{
    width:45px;
}
.width-50{
    width:50px;
}
.width-55{
    width:55px;
}
.width-60{
    width:60px;
}
.width-65{
    width:65px;
}
.width-70{
    width:70px;
}
.width-75{
    width:75px;
}
.width-80{
    width:80px;
}
.width-85{
    width:85px;
}
.width-90{
    width:90px;
}
.width-95{
    width:95px;
}
.width-100{
    width:100px;
}
.width-125{
    width:125px;
}
.width-150{
    width:150px;
}
.width-175{
    width:175px;
}
.width-200{
    width:200px;
}
.width-225{
    width:225px;
}
.width-250{
    width:250px;
}
.width-275{
    width:275px;
}
.width-300{
    width:300px;
}
.width-350{
    width:350px;
}
.width-400{
    width:400px;
}
.width-450{
    width:450px;
}
.width-500{
    width:500px;
}
.width-550{
    width:550px;
}
.width-600{
    width:600px;
}
.width-650{
    width:650px;
}
.width-700{
    width:700px;
}
.width-750{
    width:750px;
}
.width-800{
    width:800px;
}
.width-850{
    width:850px;
}
.width-900{
    width:900px;
}

@media print {
    @page{
        margin:4px 10px 40px 10px;
    }
   .page-break-avoid{
      page-break-inside: avoid;
    }  
    thead{
        width:100%;
        display: table-header-group !important;
        overflow: visible !important;
    }
    tr{ 
        page-break-inside: avoid !important;
    }
    tfoot{ 
        display: table-row-group !important;
    }
    .nobreak:before{ 
        clear:both !important; 
    } 
    .nobreak { 
        page-break-inside: avoid !important; 
    } 
    .alwaysbreak{ 
        page-break-before: always !important; 
    }   
    body{
        font-size:10pt !important;
        margin:0px !important;
    }
    .container{
        width:100% !important;
    }
    .matter, .container-fluid, .px-content{
        border-top: none !important;
        padding: 0px !important;
        margin:10px !important;
    }
    .noprint{
        display:none;
    }    
    .dataTables_filter{
        display:none;
    }
    .dt-buttons{
        display:none;
    }
    #printable{ 
        display: block; 
    }
    .widget{
        border:0px !important;
    }
    .totop{
        display:none !important;
    }
    footer{
        display:none !important;
    }
    .padd{
        padding:0px !important;
    }
    a:link:after, a:visited:after{  
        display: none;
        content: "";    
    }
    .px-nav{
        display:none !important;
    }
    .navbar{
        display:none !important;
    }
    .panel-secondary, .panel{
        border:none;
        padding:0px !important;
    }
    .panel-body, .panel {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
}
.pad-a-0
{
    padding-left:0px !important;
    padding-right:0px !important;
    padding-top:0px !important;
    padding-bottom:0px !important;
}

.pad-x-0
{
    padding-left:0px !important;
    padding-right:0px !important;
}

.pad-y-0
{
    padding-top:0px !important;
    padding-bottom:0px !important;
}

.pad-l-0
{
    padding-left:0px !important;
  
}

.pad-r-0
{
 
    padding-right:0px !important;
}

.pad-t-0
{
    padding-top:0px !important;
  
}

.pad-b-0
{
 
    padding-bottom:0px !important;
}

.pad-x-2
{
    padding-left:2px !important;
    padding-right:2px !important;
}
.pad-y-2
{
    padding-top:2px !important;
    padding-bottom:2px !important;
}
.pad-a-2
{
    padding:2px !important;   
}
.pad-l-2
{
    padding-left:2px !important;   
}
.pad-r-2
{
    padding-right:2px !important;   
}
.pad-t-2
{
    padding-top:2px !important;   
}
.pad-b-2
{
    padding-bottom:2px !important;   
}

.pad-x-4
{
    padding-left:4px !important;
    padding-right:4px !important;
}
.pad-y-4
{
    padding-top:4px !important;
    padding-bottom:4px !important;
}
.pad-a-4
{
    padding:4px !important;   
}
.pad-l-4
{
    padding-left:4px !important;   
}
.pad-r-4
{
    padding-right:4px !important;   
}
.pad-t-4
{
    padding-top:4px !important;   
}
.pad-b-4
{
    padding-bottom:4px !important;   
}

.pad-x-6
{
    padding-left:6px !important;
    padding-right:6px !important;
}
.pad-y-6
{
    padding-top:6px !important;
    padding-bottom:6px !important;
}
.pad-a-6
{
    padding:6px !important;   
}
.pad-l-6
{
    padding-left:6px !important;   
}
.pad-r-6
{
    padding-right:6px !important;   
}
.pad-t-6
{
    padding-top:6px !important;   
}
.pad-b-6
{
    padding-bottom:6px !important;   
}

.pad-x-8
{
    padding-left:8px !important;
    padding-right:8px !important;;
}
.pad-y-8
{
    padding-top:8px !important;
    padding-bottom:8px !important;
}
.pad-a-8
{
    padding:8px !important;   
}
.pad-l-8
{
    padding-left:8px !important;   
}
.pad-r-8
{
    padding-right:8px !important;   
}
.pad-t-8
{
    padding-top:8px !important;   
}
.pad-b-8
{
    padding-bottom:8px !important;   
}

.pad-x-10
{
    padding-left:10px !important;
    padding-right:10px !important;
}
.pad-y-10
{
    padding-top:10px !important;
    padding-bottom:10px !important;
}
.pad-a-10
{
    padding:10px !important;   
}
.pad-l-10
{
    padding-left:10px !important;   
}
.pad-r-10
{
    padding-right:10px !important;   
}
.pad-t-10
{
    padding-top:10px !important;   
}
.pad-b-10
{
    padding-bottom:10px !important;   
}




.mar-a-0
{
    margin-left:0px !important;
    margin-right:0px !important;
    margin-top:0px !important;
    margin-bottom:0px !important;
}

.mar-x-0
{
    margin-left:0px !important;
    margin-right:0px !important;
}

.mar-y-0
{
    margin-top:0px !important;
    margin-bottom:0px !important;
}

.mar-l-0
{
    margin-left:0px !important;
  
}

.mar-r-0
{
 
    margin-right:0px !important;
}

.mar-t-0
{
    margin-top:0px !important;
  
}

.mar-b-0
{
 
    margin-bottom:0px !important;
}

.mar-x-2
{
    margin-left:2px !important;
    margin-right:2px !important;
}
.mar-y-2
{
    margin-top:2px !important;
    margin-bottom:2px !important;
}
.mar-a-2
{
    margin:2px !important;   
}
.mar-l-2
{
    margin-left:2px !important;   
}
.mar-r-2
{
    margin-right:2px !important;   
}
.mar-t-2
{
    margin-top:2px !important;   
}
.mar-b-2
{
    margin-bottom:2px !important;   
}

.mar-x-4
{
    margin-left:4px !important;
    margin-right:4px !important;
}
.mar-y-4
{
    margin-top:4px !important;
    margin-bottom:4px !important;
}
.mar-a-4
{
    margin:4px !important;   
}
.mar-l-4
{
    margin-left:4px !important;   
}
.mar-r-4
{
    margin-right:4px !important;   
}
.mar-t-4
{
    margin-top:4px !important;   
}
.mar-b-4
{
    margin-bottom:4px !important;   
}

.mar-x-6
{
    margin-left:6px !important;
    margin-right:6px !important;
}
.mar-y-6
{
    margin-top:6px !important;
    margin-bottom:6px !important;
}
.mar-a-6
{
    margin:6px !important;   
}
.mar-l-6
{
    margin-left:6px !important;   
}
.mar-r-6
{
    margin-right:6px !important;   
}
.mar-t-6
{
    margin-top:6px !important;   
}
.mar-b-6
{
    margin-bottom:6px !important;   
}

.mar-x-8
{
    margin-left:8px !important;
    margin-right:8px !important;;
}
.mar-y-8
{
    margin-top:8px !important;
    margin-bottom:8px !important;
}
.mar-a-8
{
    margin:8px !important;   
}
.mar-l-8
{
    margin-left:8px !important;   
}
.mar-r-8
{
    margin-right:8px !important;   
}
.mar-t-8
{
    margin-top:8px !important;   
}
.mar-b-8
{
    margin-bottom:8px !important;   
}

.mar-x-10
{
    margin-left:10px !important;
    margin-right:10px !important;
}
.mar-y-10
{
    margin-top:10px !important;
    margin-bottom:10px !important;
}
.mar-a-10
{
    margin:10px !important;   
}
.mar-l-10
{
    margin-left:10px !important;   
}
.mar-r-10
{
    margin-right:10px !important;   
}
.mar-t-10
{
    margin-top:10px !important;   
}
.mar-b-10
{
    margin-bottom:10px !important;   
}






.font-size-8 {
    font-size: 8px !important;
}
.font-size-9 {
    font-size: 9px !important;
}
.font-size-10 {
    font-size: 10px !important;
}
.font-size-11 {
    font-size: 11px !important;
}
.font-size-12 {
    font-size: 12px !important;
}
.font-size-13 {
    font-size: 13px !important;
}
.font-size-14 {
    font-size: 14px !important;
}
.font-size-15 {
    font-size: 15px !important;
}
.font-size-16 {
    font-size: 16px !important;
}
.font-size-17 {
    font-size: 17px !important;
}
.font-size-18 {
    font-size: 18px !important;
}
.font-size-20 {
    font-size: 20px !important;
}
.font-size-24 {
    font-size: 24px !important;
}
.font-size-28 {
    font-size: 28px !important;
}
.font-size-34 {
    font-size: 34px !important;
}
.font-size-40 {
    font-size: 40px !important;
}
.font-size-46 {
    font-size: 46px !important;
}
.font-size-52 {
    font-size: 52px !important;
}

.form-xs .ui.selection.uidropdown,.form-xs .ui.selection.dropdown
{
    font-size:10px;
}
.form-xs input,.form-xs select, .form-xs textarea, .input-xs {
    font-size:10px;
    padding: 4px 0px 4px 3px !important;
}
.form-sm .ui.selection.uidropdown,.form-sm .ui.selection.dropdown{
    font-size:12px;
}

.form-sm input,.form-sm select, .form-sm textarea, .input-sm {
    font-size:12px;
    padding: 5px 0px 5px 3px !important;
}
.form-md .ui.selection.uidropdown,.form-md .ui.selection.dropdown{
    font-size:14px !important;
}
.ui.selection.uidropdown.search>input.search, .ui.multiple.search.uidropdown>input.search
{
    width: 100% !important;
    margin: 0px !important;
    padding-left:14px !important;
    padding-top:10px !important;
}
.form-md input, .form-md select, .form-md textarea, .input-md{
    font-size:14px !important;
    padding: 7px 0px 7px 4px !important;
}
.form-lg .ui.selection.uidropdown,.form-lg .ui.selection.dropdown{
    font-size:16px !important;
}
.form-lg input, .form-lg select, .form-lg textarea .input-lg{
    font-size:16px !important;
    padding: 8px 0px 8px 6px !important;
}
.form-xl .ui.selection.uidropdown,.form-xl .ui.selection.dropdown{
    font-size:20px !important;
}
.form-xl input, .form-xl select, .form-xl textarea, .input-xl{
    font-size:20px !important;
    padding: 10px 0px 10px 8px !important;
}

label.error{
    color: #DA4F49;
    margin-bottom: 0px;
    margin-top: 5px;
    font-size: 13px;
}
.input-error{
    border-color: #e0b4b4;
    color: #9f3a38;
    background: #fff6f6;
}
input.error{
    background: #fff6f6;
    border-color: #e0b4b4;
    color: #9f3a38;
}

.img-icon {
    width: 32px;
    height: 32px;
    margin-right: 7px;
    margin-left: 7px;
    border-radius: 50%;
    background-position: center;
    background-size: contain;
}

.img-icon-md {
    width: 45px;
    height: 45px;
    margin-right: 7px;
    margin-left: 7px;
    border-radius: 50%;
    background-position: center;
    background-size: contain;
}

.img-icon-lg {
    width: 60px;
    height: 60px;
    margin-right: 7px;
    margin-left: 7px;
    border-radius: 50%;
    background-position: center;
    background-size: contain;
}

.noborder-y, .noborder-y tr, .noborder-y td
{
    border-top:none !important;
    border-bottom:none !important;
}

.table-valign-middle tr, .table-valign-middle td, .table-valign-middle th
{
    vertical-align: middle !important;
}

.dataTables_filter input[type="search"] {
    height: auto;   
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background-color: #f1f3f5;
    border-color: #f1f3f5;
    border-radius: 2rem;
    font-size: 1rem;
    line-height: 1.3;
    color: #495057;
    background-clip: padding-box;
    border: 1px solid #ced4da;
}

.winner
{
    font-weight:600;
}

/*Modal*/
.modal-dialog, .modal-content, .panel-body, .panel-body-shadow{
    height: fit-content !important;
}
.modal-header .btn-close {
    font-size:10px !important;
}
.modal-body, .modal .modal-header, .modal-content, .panel-body-shadow, .panel-body
{
    overflow: initial !important;
}

/*Loading*/


.loading, .nav-link.loading,link.active.loading{
    position:relative;
    cursor:default;
    text-shadow:none!important;
    color:transparent!important;
    opacity:1;
    pointer-events:auto;
    -webkit-transition:all 0s linear,opacity .1s ease;
    transition:all 0s linear,opacity .1s ease
}
.loading:before{
    position:absolute;
    content:'';
    top:50%;
    left:50%;
    margin:-.64285714em 0 0 -.64285714em;
    width:1.28571429em;
    height:1.28571429em;
    border-radius:500rem;
    border:.2em solid rgba(0,0,0,.15)
}
.loading:after{
    position:absolute;
    content:'';
    top:50%;
    left:50%;
    margin:-.64285714em 0 0 -.64285714em;
    width:1.28571429em;
    height:1.28571429em;
    -webkit-animation:button-spin .6s linear;
    animation:button-spin .6s linear;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    border-radius:500rem;
    border-color:#fff transparent transparent;
    border-style:solid;
    border-width:.2em;
    -webkit-box-shadow:0 0 0 1px transparent;
    box-shadow:0 0 0 1px transparent
}
@-webkit-keyframes button-spin{
    from{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes button-spin{
    from{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}