/*@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';*/

/*@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);*/
/*@import url(line-icons.css);*/

.widget-style-2 {
    padding-left: 30px;
}

.widget-panel {
    padding: 40px 20px;
    border-radius: 4px;
    border: solid 1px rgba(103, 103, 103, 0.64);
    color: #ffffff;
    position: relative;
    margin-bottom: 20px;
}

.bg-success {
    background-color: rgba(77, 19, 178, 0.11);
}

.btn-purple {
    background: rgba(155, 89, 182, 0.6);
!important;
    border-color: #9b59b6;
!important;
    color: white;
!important;
    border-radius: 0px;
!important;
}

.btn-purple:hover {
    background: #8e44ad;
    border-color: #8e44ad;
    color: white;
}

.btn-teal {
    background: #1abc9c;
    border-color: #1abc9c;
    color: white;
    border-radius: 0px;
}

.btn-teal:hover {
    background: #ff1d2f;
    border-color: #313131;
    color: #000;
}

.bg-hour-red {
    margin-top: 1px;
    background-color: rgba(255, 81, 86, 0.15);
}

.bg-hour-green {
    background-color: rgba(92, 255, 136, 0.15);
    margin-top: 1px;
}

.bg-yellow-gradient {
    background: rgba(243, 156, 18, 0.7) !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(243, 156, 18, 0.71)), color-stop(1, rgba(247, 188, 96, 0.73))) !important;
    background: -ms-linear-gradient(bottom, rgba(243, 156, 18, 0.75), rgba(247, 188, 96, 0.75)) !important;
    background: -moz-linear-gradient(center bottom, rgba(243, 156, 18, 0.78) 0, rgba(247, 188, 96, 0.75) 100%) !important;
    background: -o-linear-gradient(rgba(247, 188, 96, 0.77), rgba(243, 156, 18, 0.69)) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
    color: #af5b1c;
    border: solid 2px #dd831d;
    border-radius: 5px;
}

.bg-yellow-gradient:hover {
    color: #4a4a4a;!important;
    background: #ff9200;!important;
border: solid 2px #dd831d;

}

.bg-green-gradient {
    background: rgba(0, 166, 90, 0.68) !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 166, 90, 0.67)), color-stop(1, rgba(0, 202, 109, 0.68))) !important;
    background: -ms-linear-gradient(bottom, rgba(0, 166, 90, 0.71), rgba(0, 202, 109, 0.68)) !important;
    background: -moz-linear-gradient(center bottom, rgba(0, 166, 90, 0.71) 0, rgba(0, 202, 109, 0.7) 100%) !important;
    background: -o-linear-gradient(rgba(0, 202, 109, 0.68), rgba(0, 166, 90, 0.64)) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
    color: #005f25;
    border: solid 2px #00a65a;
    border-radius: 5px;
}

.bg-green-gradient:hover {
    background: rgba(0, 166, 90, 1);
!important;
    border: solid 2px #00722a;
    color: white;
}

.bg-red-gradient {
    background: rgba(221, 75, 57, 0.1) !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(221, 75, 57, 1)), color-stop(1, rgba(228, 115, 101, 0.71))) !important;
    background: -ms-linear-gradient(bottom, rgba(221, 75, 57, 1), rgba(228, 115, 101, 1)) !important;
    background: -moz-linear-gradient(center bottom, rgba(221, 75, 57, 1) 0, rgba(228, 115, 101, 1) 100%) !important;
    background: -o-linear-gradient(rgba(228, 115, 101, 0.62), rgba(221, 75, 57, 1)) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
    color: #780028;
    border-radius: 5px;
    border: solid 2px #9c1515;!important;
}

.bg-red-gradient:hover {
    background: #ff2525;
    border: solid 2px #9c1515;!important;
    color: white;
}


.bg-blue-gradient {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0085a6+0,00a5ca+100&0.71+0,0.7+100 */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(0,133,166,0.21) 0, rgba(0, 165, 202, 0.2) 50%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,133,166,0.2) 0,rgba(0,165,202,0.2) 50%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(0,133,166,0.2) 0,rgba(0,165,202,0.2) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b50085a6', endColorstr='#b300a5ca',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    color: #13781b;
    border-radius: 5px;
    border: solid 1px #14b8bf;!important;

}


.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bg-picone {
    background-image: url("/web/bundles/app/images/backgrounds/pic_western_s.png");
    opacity: 0.2;
}

/*DASHBOARD STATISTICS COLORED CIRCLE*/

.circle-tile {
    margin-bottom: 15px;
    text-align: center;
}

.circle-tile-heading {
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 100%;
    color: #FFFFFF;
    height: 80px;
    margin: 0 auto -40px;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    width: 80px;
}

.circle-tile-heading .fa {
    line-height: 80px;
}

.circle-tile-content {
    padding-top: 50px;
}

.circle-tile-number {
    font-size: 1.4em;
    font-weight: 500;
    line-height: 1;
    padding: 5px 0 15px;
}

.circle-tile-description {
    text-transform: uppercase;
}

.circle-tile-footer {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.5);
    display: block;
    padding: 5px;
    transition: all 0.3s ease-in-out 0s;
}

.circle-tile-footer:hover {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
}

.circle-tile-heading.dark-blue:hover {
    background-color: #2E4154;
}

.circle-tile-heading.green:hover {
    background-color: #138F77;
}

.circle-tile-heading.orange:hover {
    background-color: #DA8C10;
}

.circle-tile-heading.blue:hover {
    background-color: #2473A6;
}

.circle-tile-heading.red:hover {
    background-color: #CF4435;
}

.circle-tile-heading.purple:hover {
    background-color: #7F3D9B;
}

.tile-img {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9);
}

.dark-blue {
    background-color: #34495E;
}

.green {
    background-color: #16A085;
}

.blue {
    background-color: #2980B9;
}

.orange {
    background-color: #F39C12;
}

.red {
    background-color: #E74C3C;
}

.purple {
    background-color: #8E44AD;
}

.dark-gray {
    background-color: #7F8C8D;
}

.gray {
    background-color: #95A5A6;
}

.light-gray {
    background-color: #BDC3C7;
}

.yellow {
    background-color: #F1C40F;
}

.text-dark-blue {
    color: #34495E;
}

.text-green {
    color: #16A085;
}

.text-blue {
    color: #2980B9;
}

.text-orange {
    color: #F39C12;
}

.text-red {
    color: #E74C3C;
}

.text-purple {
    color: #8E44AD;
}

.text-faded {
    color: rgba(255, 255, 255, 0.7);
}

/*DASHBOARD STATISTICS COLORED CIRCLE ##END## */

/*#############################*/
/*SKIN PURPLE MY OVERLAY*/

.skin-purple-light .main-header .navbar {
    background-color: #605ca8
}

.skin-purple-light .main-header .navbar .nav > li > a {
    color: #fff
}

.skin-purple-light .main-header .navbar .nav > li > a:hover, .skin-purple-light .main-header .navbar .nav > li > a:active, .skin-purple-light .main-header .navbar .nav > li > a:focus, .skin-purple-light .main-header .navbar .nav .open > a, .skin-purple-light .main-header .navbar .nav .open > a:hover, .skin-purple-light .main-header .navbar .nav .open > a:focus, .skin-purple-light .main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-purple-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-purple-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #555299
}

@media (max-width: 767px) {
    .skin-purple-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }

    .skin-purple-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }

    .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
        background: #555299
    }
}

.skin-purple-light .main-header .logo {
    background-color: #605ca8;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-purple-light .main-header .logo:hover {
    background-color: #5d59a6
}

.skin-purple-light .main-header li.user-header {
    background-color: #605ca8
}

.skin-purple-light .content-header {
    background: transparent
}



.skin-purple-light .wrapper, .skin-purple-light .main-sidebar, .skin-purple-light .left-side {
    /*background-color: #8884d9*/

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ececf0+0,eee6ee+47,ececf0+100 */
    background: #ececf0; /* Old browsers */
    background: -moz-linear-gradient(45deg, #ececf0 0%, #eee6ee 47%, #ececf0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #ececf0 0%,#eee6ee 47%,#ececf0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #ececf0 0%,#eee6ee 47%,#ececf0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececf0', endColorstr='#ececf0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f4c6b+0,1e121e+50,3f4c6b+100 */
    background: #3f4c6b; /* Old browsers */
    background: -moz-linear-gradient(45deg, #3f4c6b 0%, #1e121e 50%, #3f4c6b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #3f4c6b 0%,#1e121e 50%,#3f4c6b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #3f4c6b 0%,#1e121e 50%,#3f4c6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    /*!* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7b4dc+0,dd9ddc+47,b7b4dc+100 *!*/
    /*background: #b7b4dc; !* Old browsers *!*/
    /*background: -moz-linear-gradient(45deg, #b7b4dc 0%, #dd9ddc 47%, #b7b4dc 100%); !* FF3.6-15 *!*/
    /*background: -webkit-linear-gradient(45deg, #b7b4dc 0%,#dd9ddc 47%,#b7b4dc 100%); !* Chrome10-25,Safari5.1-6 *!*/
    /*background: linear-gradient(45deg, #b7b4dc 0%,#dd9ddc 47%,#b7b4dc 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b4dc', endColorstr='#b7b4dc',GradientType=1 ); !* IE6-9 fallback on horizontal gradient *!*/

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8985c5+0,c85ec7+47,8985c5+100 */
    /*background: #8985c5; !* Old browsers *!*/
    /*background: -moz-linear-gradient(45deg, #8985c5 0%, #c85ec7 47%, #8985c5 100%); !* FF3.6-15 *!*/
    /*background: -webkit-linear-gradient(45deg, #8985c5 0%,#c85ec7 47%,#8985c5 100%); !* Chrome10-25,Safari5.1-6 *!*/
    /*background: linear-gradient(45deg, #8985c5 0%,#c85ec7 47%,#8985c5 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8985c5', endColorstr='#8985c5',GradientType=1 ); !* IE6-9 fallback on horizontal gradient *!*/

    /*!* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a9e4f7+0,0fb4e7+100;Ble+3D+%235 *!*/
    /*background: #a9e4f7; !* Old browsers *!*/
    /*background: -moz-linear-gradient(45deg, #a9e4f7 0%, #0fb4e7 100%); !* FF3.6-15 *!*/
    /*background: -webkit-linear-gradient(45deg, #a9e4f7 0%,#0fb4e7 100%); !* Chrome10-25,Safari5.1-6 *!*/
    /*background: linear-gradient(45deg, #a9e4f7 0%,#0fb4e7 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=1 ); !* IE6-9 fallback on horizontal gradient *!*/

}


.skin-purple-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}

.skin-purple-light .sidebar-form input[type="text"], .skin-purple-light .sidebar-form .btn {
    box-shadow: none;
    background-color: rgba(47, 123, 97, 0.86);
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-purple-light .sidebar-form input[type="text"] {
    color: #e12e22;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-purple-light .sidebar-form input[type="text"]:focus, .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff
}

.skin-purple-light .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

@media (min-width: 768px) {
    .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de
    }
}




.info-box-icon2 {
    padding-left: 5px;
    /*border-top-left-radius: 5%;*/
    /*border-top-right-radius: 15%;*/
    /*border-bottom-right-radius: 5%;*/
    /*border-bottom-left-radius: 15%;"*/
}

.info-box-icon {
    /*border-top-left-radius: 15%;*/
    /*border-top-right-radius: 5%;*/
    /*border-bottom-right-radius: 15%;*/
    /*border-bottom-left-radius: 5%;*/
    display: block;
    float: left;
    height: 60px;
    width: 80px;
    text-align: center;
    font-size: 25px;
    line-height: 50px;
    background: rgba(0, 0, 0, 0.2);
    border: solid 2px #3a4046;
    margin-top: 10px;
}

.info-box-icon-mapSmall {
    border-top-left-radius: 15%;
    border-top-right-radius: 5%;
    border-bottom-right-radius: 15%;
    border-bottom-left-radius: 5%;
    display: block;
    float: left;
    height: 60px;
    width: 80px;
    text-align: center;
    font-size: 25px;
    line-height: 50px;
    background: rgb(0, 0, 0);
    border: solid 1px #43414b;
    transition: transform .03s; /* Animation */
}


.info-box-icon-mapSmall > img {
    max-width: 100%
}


.info-box-icon-mapSmall:hover, .info-box-icon-mapSmall:focus, .info-box-icon-mapSmall.focus {
    border-top-left-radius: 15%;
    border-top-right-radius: 5%;
    border-bottom-right-radius: 15%;
    border-bottom-left-radius: 5%;
    display: block;
    float: left;
    text-align: center;
    font-size: 25px;
    line-height: 50px;
    background: rgb(0, 0, 0);
    border: solid 1px #43414b;

    transform: scale(3.5);
}


.ppqcLogoBig{
    display: block;
    float: left;
    height: 150px;
    width: 150px;
    text-align: center;
    font-size: 25px;
    line-height: 50px;
    /*background: rgb(0, 0, 0);*/
    border: solid 1px #43414b;
    transition: transform .03s; /* Animation */
}

.ppqcLogoBig > img {
    max-width: 100%
}

/*.ppqcLogoBig:hover, .ppqcLogoBig:focus {*/
    /*border-top-left-radius: 15%;*/
    /*border-top-right-radius: 5%;*/
    /*border-bottom-right-radius: 15%;*/
    /*border-bottom-left-radius: 5%;*/
    /*display: block;*/
    /*float: left;*/
    /*text-align: center;*/
    /*font-size: 25px;*/
    /*line-height: 50px;*/
    /*background: rgb(0, 0, 0);*/
    /*border: solid 1px #43414b;*/

    /*transform: scale(3.5);*/
/*}*/

.small-box {
    border-top-left-radius: 25%;
    border-top-right-radius: 25%;
    border-bottom-right-radius: 2%;
    border-bottom-left-radius: 2%;
    border: solid 2px #3a4046;
}

.info-box-icon-gameType {
    display: block;
    float: left;
    height: 30%;
    width: 30%;
    width: 50px;
    height: 50px;

    text-align: center;
    /*font-size: 25px;*/
    /*line-height: 50px;*/
}


.info-box-icon-gameType > img {
    max-width: 100%
}


.info-box-icon-mapBan {
    padding: 5px;
    /*border-top-left-radius: 5%;*/
    /*border-top-right-radius: 5%;*/
    /*border-bottom-right-radius: 5%;*/
    /*border-bottom-left-radius: 5%;*/
    display: block;
    float: left;
    height: 105px;
    width: 140px;
    text-align: center;
    /*font-size: 25px;*/
    /*line-height: 50px;*/
    /*background: rgb(0, 0, 0);*/
    /*border: solid 1px #00a65a;*/
    border-bottom: none;
    /*transition: transform .035s; !* Animation *!*/
}


.info-box-icon-mapBan > img {
    max-width: 100%
}


.info-box-icon-mapBan:hover, .info-box-icon-mapBan:focus , .info-box-icon-mapBan.focus  {
    /*border-top-left-radius: 25%;*/
    /*border-top-right-radius: 25%;*/
    /*border-bottom-right-radius: 0%;*/
    /*border-bottom-left-radius: 0%;*/
    /*display: block;*/
    /*float: left;*/
    /*text-align: center;*/
    /*background: rgb(0, 0, 0);*/
    /*border: solid 1px #43414b;*/

    /*transform: scale(1.25);*/
}

.distance {
    margin-left: 5px;
    margin-top: 15px;
    margin-bottom: 25px;
}

.btn-width {
    min-width: 120px;
}

.link-transform {
    /*padding: 15px;*/
    transition: transform .035s; /* Animation */

}

.link-transform:hover, .link-transform:focus, .link-transform.focus {
    transform: scale(1.45);
}