/*
* bootstrap edit links, hr, page header, label, btn
*/
    a
    {
        color: #19272e;
        text-decoration: none;
    }

    a:hover
    {
       color: #24baef;
        text-decoration: none;
    }

    a:hover, a:focus, a:active, a:visited
    {
        text-decoration: none;
        outline: none;
        
    }

    hr
    {
            margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ddd;
    }

    .page-header
    {
        border-bottom:none;
    }

    .label
    {
        padding:4px 5px;
    }

    .btn
    {
        border-radius: 2px;
    }

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


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

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


.table
{
    /*table-layout: fixed;*/
    
}


.custom-embed {
    overflow: hidden;
    position: relative;
    width:100%;
}

.custom-embed::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.custom-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


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



.form-control-nav, .form-control-nav:focus
{
    border-color: none;
    border:none;
    box-shadow: none;
}

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

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


    .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);
    }

    .text-drop-shadow{
        color: #fff;
        text-rendering: optimizelegibility;
        text-shadow: 0 0 3px rgba(0,0,0,1);
    }





/*
* alert
*/
    .alert{
        position: relative;
        border-radius: 2px;
        padding-left:61px;
        border-color:#9e9e9e;
        color:#616161;
        /*background-blend-mode: overlay;
        background-image: url(http://dmypbau5frl9g.cloudfront.net/assets/common/bg-page-section-00fcdc3f6a998791f63bb32dc69b1105.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;
    }

/*
* social colors
*/
    .social-facebook{
        color:#3b5999;
    }

    .social-twitter{
        color:#00aced;
    }

    .social-linkedin{
        color:#0077b5;
    }

    .social-google-plus{
        color:#d44332;
    }

    .social-pinterest{
        color:#c8141b;
    }

    .social-tumblr{
        color:#37465d;
    }

    .social-reddit{
        color:#ff3800;
    }

    .social-email{
        color:#f89a1e;
    }


/*
* macosx scrollbars
*/
    .scrollbar-macosx::-webkit-scrollbar {
        width: 6px;
        height:6px;
    }
         
    /* Track */
    .scrollbar-macosx::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
        -webkit-border-radius: 6px;
        border-radius: 6px;
        /*background-color: rgba(255, 255, 255, 0);*/
        /*opacity: 0.3;*/
    }
         
    /* Handle */
    .scrollbar-macosx::-webkit-scrollbar-thumb {
        -webkit-border-radius:6px;
        border-radius: 6px;
        /* */
         background:#8E9092;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    }

    .scrollbar-macosx::-webkit-scrollbar-thumb:hover{
        background: #353739;
    }



/*
* nav list
*/
    ul.nav-list{
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    ul.nav-list > li{
        display: block;
    }

    ul.nav-list > li > a{
        border-left:2px solid transparent;
        display:block;
        padding-left:8px;
        padding-right: 10px;
        padding-top:5px;
        padding-bottom: 5px;
    }

    ul.nav-list > li.active > a, ul.nav-list > li > a:hover{
        border-left:2px solid #448aff;
    }


    ul.nav-list > li > a{
        /*display: block;
        padding:10px;
        text-decoration: none;
        border-bottom:2px solid transparent;*/
    }


/*
* buttons
*/
    .btn-primary-oo{
        color: #fff;
        background-color: #24baef;
        /*border-color: #3F51B5;*/
    }

    .btn-primary-oo:focus,.btn-primary-oo:hover, .btn-primary-oo.focus {
        color: #fff;
        background-color: #2962ff;
        /*border-color: #122b40;*/
    }