/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 29, 2016, 11:22:55 AM
    Author     : Azeem Hassan
*/
.img-fluid { 
    display: block;
    width: 100%;
}
body
{
    font-family: "Muli" !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}
div.portlet-body
{
    background: #ffffff;
    padding: 15px;
    margin: 0px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .05);	
    border-radius: 4px;
}

.table>thead>tr>th {
    vertical-align: top !important;
}

/* Full width modal */
.modal-medium.modal-dialog {
    width: 80%;
}

@media (max-width: 768px) {
    .modal-medium.modal-dialog {
        width: auto;
    }
}

/*.portlet.light > .portlet-title {
    padding: 0;
    min-height: 48px;
}
.portlet > .portlet-title {
    border-bottom: none;
    padding: 0;
    margin-bottom: 0px;
    min-height: 0px;
}*/
.mapkey {
    float: right;
    height: 30px;
    margin-right: 20px;
}
.keycolor {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left;
    text-align: center;
}
.keyvalue {
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-family: "Open Sans";
    color: #000000;
    font-weight: 400;
}
table.dataTable thead .filter > .sorting_asc {
    background: none !important;
}
textarea {
    resize: none;
}
.row-pic {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
}

.row-device {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
}

td.fit {
    width: 1px;
    padding-right: 3px;
}

h4 {
    /*color: #000000;*/
    /*font-family: "Muli", sans-serif;*/
    /*display: inline-block;*/
    font-size: 14px;
    font-weight: 600;
}

.profile ul.profile-nav li div:hover {
    color: #169ef4;
    background: #ecf5fb;
    text-decoration: none;
    border-left: solid 2px #169ef4;
}

.profile ul.profile-nav li div {
    color: #557386;
    display: block;
    font-size: 14px;
    padding: 8px 10px;
    margin-bottom: 1px;
    background: #f0f6fa;
    border-left: solid 2px #c4d5df;
}

.profile ul.profile-nav div:hover span {
    background: none;
}
.profile ul.profile-nav div span {
    top: 0;
    right: 0;
    color: #557386;
    font-size: 16px;
    padding: 7px 13px;
    position: absolute;
    background: none;
}
.accessThrough-Icons {
    font-size:28px !important;
    cursor: default;
}

.sup-free {
    background-color: #26C281;
    color:white;
    border-radius: 3px;
    padding: 0px 2px;
}
.sup-subscribe {
    background-color: #169ef4;
    color:white;
    border-radius: 3px;
    padding: 0px 2px;
}
.sup-transaction {
    background-color: #823e9e;
    color:white;
    border-radius: 3px;
    padding: 0px 2px;
}
.tablehead {
    color: #333333;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 5px;
}

.badge-first {
    background-color: #FCD202;
    text-shadow: 1px 1px #333 !important;
    background-image: none;
}

.badge-second {
    background-color: #FF9E01;
    text-shadow: 1px 1px #333 !important;
    background-image: none;
}

.badge-third {
    background-color: #FF6600;
    text-shadow: 1px 1px #333 !important;
    background-image: none;
}

.badge-forth {
    background-color: #FF0F00;
    text-shadow: 1px 1px #333 !important;
    background-image: none;
}

.xx-small {
    font-size: xx-small !important;
}

abbr, acronym
{
    border-bottom: .1em dotted !important;
}

.profile ul.profile-nav li a:hover {
    background: none !important;
    border-left: none !important;
    display: inline !important;
}

.profile ul.profile-nav li a {
    display: inline !important;
    background: none !important;
    border-left: none !important;
}

.profile-userpic img {
    float: none;
    margin: 0 auto;
    width: 50%;
    height: 50%;
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    border-radius: 50%!important;
    max-width: 100%;
}
.profile-usertitle-name {
    color: #5a7391;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 7px;
}

.profile-usertitle {
    text-align: center;
    margin-bottom: 7px;
}

.profile-usertitle-location {
    text-transform: uppercase;
    color: #5b9bd1;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 20px;
}

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
    /* Styles */
    body {font-size: 10px;}
    div[class^="col"]{/*padding-left:5px; padding-right:5px;*/}
    .dashboard-stat .details .desc {font-size: 12px;}
    .dashboard-stat .details .number {padding-top: 16px;font-size: 26px;line-height: 36px;}
    .table-advance thead tr th {font-size: 10px;}
    .tablehead {font-size: 13px;}
    .table thead tr th {font-size: 12px;}
    .nav-tabs > li > a, .nav-pills > li > a {font-size: 13px;}
    .portlet.light > .portlet-title > .caption {padding: 4px 0;}
    .portlet > .portlet-title > .caption {font-size: 13px;}
    .page-header.navbar .page-logo {width: 185px;height: 68px;padding-left: 12px;padding-right: 12px;padding-top: 10px;}
    .page-sidebar {width: 160px;}
    .page-content-wrapper .page-content {margin-left: 160px;}
    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {margin-left: 160px;}
}

/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
    /* Styles */
    body {font-size: 13px;}
    div[class^="col"]{padding-left:15px; padding-right:15px;}
    .dashboard-stat .details .desc {font-size: 16px;}
    .dashboard-stat .details .number {padding-top: 25px;font-size: 34px;line-height: 36px;}
    .table-advance thead tr th {font-size: 12px;}
    .tablehead {font-size: 12px;}
    .table thead tr th {font-size: 12px;}
    .nav-tabs > li > a, .nav-pills > li > a {font-size: 14px;}
    .nav>li>a {padding: 10px 15px;}
    .portlet.light > .portlet-title > .caption {padding: 10px 0;}
    .portlet > .portlet-title > .caption {font-size: 18px;}

    .page-header.navbar .page-logo {width: 235px; height: 50px; padding: 10px;}
    .page-sidebar {width: 235px; padding-top: 0px !important;}
    .page-content-wrapper .page-content 
    {
        margin-left: 235px;margin-top: 0;
        min-height: 600px;
        padding: 30px;
    }
    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {margin-left: 235px;}
}

.lightPinkbg {
    background-color: #FEB6C1 !important;
}
.lightBluebg {
    background-color: #cee9ff !important;
}

#s2id_video_music.select2-container .select2-choice > .select2-chosen{
    position : absolute !important;
}
#s2id_audio_music.select2-container .select2-choice > .select2-chosen{
    position : absolute !important;
}
#s2id_audio_voice.select2-container .select2-choice > .select2-chosen{
    position : absolute !important;
}
#s2id_video_voice.select2-container .select2-choice > .select2-chosen{
    position : absolute !important;
}
/*custom changes for bodyworks theme*/

.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
    border-bottom: 4px solid;
    color:#169ef4 !important; 
}
.tabbable-line > .nav-tabs > li.active {
    border-bottom: 4px solid #006ab2 !important;
    position: relative;
}
.page-header.navbar .page-logo {
    background: none !important;

}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
ul.tracks > li.track-video {
    background: #b3cf9e !important;
}
ul.tracks > li.track-audio {
    background: #78CFBF !important;
}
ul.tracks span.label {
    margin-right: 2px;
    border-radius: 3px !important;
    vertical-align: middle;
    padding: 2px 4px 2px 4px;
    line-height: 2em;
    background: rgba(0, 0, 0, 0.2);
}
.loadinggif {
    margin-top: 10px;
    margin-right: 10px;
    background: #ffffff url(../majors/images/ring-alt.gif) no-repeat right center;
}
.loadinggif-overlay {
    position: absolute;
    left: 40%;
    top: 50%;
    background: #ffffff url(../majors/images/ring-alt.gif) no-repeat right center;
    z-index: 9999999;
    display: inline-block;
    width: 25px;
    height: 25px;
}
.table_trainer {
    font-size: 18px;
    font-weight: 700;
    padding: 0 10px;
    color: #ed7a53;
}
.multiContainer {
    width: 100%;
    display: table;
}
.multiContainer > div {
    display: table-cell;
    text-align: center;
    border-right: 1px solid #CCC;
}
.multiContainer > div:last-child {
    border-right: none;
}




/*
.page-header.navbar .menu-toggler>span:before, .page-header.navbar .menu-toggler>span:after
{
        background: #a7b5c6;
}

.page-header.navbar .menu-toggler>span:before
{
        top: 5px;
}

.page-header.navbar .menu-toggler>span:before
{
        position: absolute;
        left: 0;
        content: ''
}

.page-header.navbar .menu-toggler>span:before
{
        display: inline-block;
        width: 16px;
        height: 1px;
        background: #fff;
        position: relative;
        top: -5px;
        transition: all ease .3s;
}

.page-header.navbar .menu-toggler>span:after
{
        top: -5px;
}

.page-header.navbar .menu-toggler>span:after
{
        position: absolute;
        left: 0;
        content: ''
}

.page-header.navbar .menu-toggler>span:after
{
        display: inline-block;
        width: 16px;
        height: 1px;
        background: #fff;
        position: relative;
        top: -5px;
        transition: all ease .3s;
}

.page-header.navbar .menu-toggler>span:after
{
        display: inline-block;
width: 16px;
height: 1px;
background: #fff;
position: relative;
top: -5px;
transition: all ease .3s;
}
*/

body
{
    height: 100%;
    background: #316a88; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#316a88, #4486a0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#316a88, #4486a0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#316a88, #4486a0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#316a88, #4486a0); /* Standard syntax */
    background-attachment: fixed;
}

.menu-toggler > span
{
    display: block;
    width: 16px;
    height: 15px;
    margin: 5px 4px 4px 4px;
    background: url(img/menu_toggle.svg) no-repeat center center;
}

div.row.widget-row
{
    padding: 15px 0px;
}

.widget-thumb
{
    padding: 0px !important;
    margin: 0px !important;
    border-radius: 4px !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .05);
}

.widget-thumb .widget-thumb-heading
{
    font-family: "Muli";
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    display: block;
    height: 50px;
    border-radius: 4px 4px 0px 0px;
    background: #f5f5f5;
    padding: 15px;
    color: #000000;
    margin: 0px;
}

div.row
{
    padding: 15px 0px;
}

div.portlet
{
    /*	padding: 0px !important;
            margin: 0px !important;
            border-radius: 4px !important;
            border: 1px solid #e0e0e0 !important;
            box-shadow: 0px 0px 5px rgba(0, 0, 0, .05);	
    */
}

div.portlet-title
{
    height: 40px !important;
    margin: 0px !important;
    padding: 0px 0px 5px 0px !important;

    /*	font-family: "Muli" !important;
            font-size: 12px !important;
            font-weight: 700 !important;
            line-height: 20px !important;
            display: block !important;
            border-radius: 4px 4px 0px 0px !important;
            background: #bae3c3 !important;
            color: #000000 !important;
    */
}
.iv-accordian .accordion .panel .panel-title .accordion-toggle{
    padding: 0px;
    font-size: 12px;

}
.iv-accordian .panel-group {
    margin-bottom: 0px;
}

.iv-accordian .panel{
    border-bottom: 1px solid transparent;
}
div.caption
{
    padding: 0px !important;
    margin: 0px !important;
}

span.caption-subject
{
    font-family: "Muli" !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    color: #000000 !important;
}

/*div.portlet-body
{
    background: #ffffff;
    padding: 15px !important;
    margin: 0px !important;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .05);	
    border-radius: 4px !important;
}*/

.page-sidebar-menu.page-sidebar-menu-hover-submenu li .sub-menu
{
    width: 210px !important;
}

.page-title
{
    font-family: "Muli" !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    line-height: 30px !important;
    text-transform: uppercase;
    display: block !important;
    padding: 0px !important;
    color: #000000 !important;
    margin: 0px !important;	
}

.page-container-bg-solid .page-bar
{
    margin: 0px 0px 0px 0px !important;
    padding: 0px !important;
    background-color: transparent !important;
}

.page-breadcrumb
{
    padding: 0px !important;
    font-family: "Muli" !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #9e9e9e !important;
    margin: 0px !important;
}

.page-container-bg-solid .page-bar .page-breadcrumb > li > a
{
    text-decoration: none;
    color: #4485a1;
    font-weight: 400;
}

.page-container-bg-solid .page-bar .page-breadcrumb > li > a:hover
{
    color: #346e8b;
}

div.portlet
{
    margin: 0px;
}


.portlet > .portlet-title > .actions
{
    padding: 0px;
}

.am-add
{
    position: relative;
    height: 35px;
    padding: 0px 20px !important;
    background: #3598dc !important;
    border-radius: 4px !important;
    font-family: "Muli" !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 35px !important;
    display: block !important;
    float: left !important;
    color: #ffffff !important;
    margin: 0px 0px 0px 5px !important;	
    overflow: hidden;
    cursor: pointer;
    border: none;

}

.am-add:hover
{
    background: #3598dc !important;
}

/*
.am-add:before {
    content: "";
    background: #f1f1f1;
    display: block;
    position: absolute;
    padding: 150px;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -150px;
    border-radius: 100%;
    opacity: 0;
    transition: all 0.4s
}

.am-add:active:before {
        display: block;
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}*/


.am-trash
{
    height: 35px;
    padding: 0px 20px !important;
    background: #cb5a5e !important;
    border-radius: 4px !important;
    font-family: "Muli" !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 35px !important;
    display: block !important;
    float: left !important;
    color: #ffffff !important;
    margin: 0px 0px 0px 5px !important;	

}

.am-trash:hover
{
    background: #cb5a5e !important;
}

.am-notification, .am-timeline
{
    height: 35px;
    padding: 0px 20px !important;
    background: #26a69a !important;
    border-radius: 4px !important;
    font-family: "Muli" !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 35px !important;
    display: block !important;
    float: left !important;
    color: #ffffff !important;
    margin: 0px 0px 0px 5px !important;	

}

.am-notification:hover, .am-timeline:hover
{
    background: #26a69a !important;
}


.table-scrollable
{
    margin: 15px 0px !important;
    font-family: "Muli" !important;
    border: none;
}

table.table-bordered.dataTable
{
    border-collapse: none !important;
}

.table-bordered>thead>tr>th
{
    border: 1px solid #e5e5e5 !important;
}

.table-bordered>tbody>tr>td
{
    border: none;
}

.table tr.heading > th
{
    background-color: #f1f1f1 !important;
}

.table thead tr th
{
    /*font-family: "Muli" !important;
    font-size: 12px;
    font-weight: 600 !important;
    line-height: 25px !important;
    padding: 5px;*/
}

.table-hover>tbody>tr:hover
{
    background-color: #e0e0e0;
}

.dataTable > thead > tr > th.sorting, .dataTable > thead > tr > th.sorting_asc, .dataTable > thead > tr > th.sorting_desc, th.sorting
{
    padding-left: 20px !important;
    padding-right: 0px !important;
}

table.dataTable thead .sorting
{
    background-color: #f1f1f1 !important;
    background-image: url(img/sort_both.svg) !important;
    background-repeat: no-repeat;
    background-position: center left !important;
    background-size: 19px 19px !important;
}

table.dataTable thead .sorting_desc
{
    background-color: #f1f1f1 !important;
    background-image: url(img/sort_desc.svg) !important;
    background-repeat: no-repeat;
    background-position: center left !important;
    background-size: 19px 19px !important;
}

table.dataTable thead .sorting_asc
{
    background-color: #f1f1f1 !important;
    background-image: url(img/sort_asc.svg) !important;
    background-repeat: no-repeat;
    background-position: center left !important;
    background-size: 19px 19px !important;
}

.dataTables_wrapper > .row
{
    padding: 0px !important;
}

.table-bordered>thead>tr>td
{
    border: none;
}
.form-horizontal .control-label
{
    line-height: 30px !important;
    color: #6e6e6e !important;
    padding: 0px 15px !important;
    margin: 0px !important;
    text-align: left !important;
    font-size: 12px !important;
}


.form-horizontal .radio-inline
{
    padding-top: 3px !important;
}

div.radio span
{
    background-image: url(img/radio_btn.svg) !important;
    background-position: 0px 0px !important;
    background-repeat: no-repeat !important;
    background-size: 36px 18px;
}

div.radio span.checked
{
    background-position: -18px 0px !important;
}

.form-horizontal .form-group
{
    margin: 0px 0px 15px 0px !important;
}

.modal-footer
{
    padding: 15px 30px !important;
    text-align: right !important;
    border-top: none !important;
}

.modal-footer > .btn
{
    padding: 5px 15px !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

.modal-footer > .green
{
    color: #ffffff !important;
    background-color: #1BA39C !important;
    font-weight: 600 !important;
    margin: 0px !important;
    border-radius: 3px !important;
    margin-left: 5px !important;
}

.modal-footer > .green:hover
{
    background-color: #1BA39C !important;
}

.modal-footer > .blue
{
    color: #ffffff !important;
    background-color: #3598dc !important;
    font-weight: 600 !important;
    margin: 0px !important;
    border-radius: 3px !important;
    margin-left: 5px !important;
}

.modal-footer > .blue:hover
{
    background-color: #3598dc !important;
}

.modal-footer > .purple
{
    color: #ffffff !important;
    background-color: #2e2e2e !important;
    font-weight: 600 !important;
    margin: 0px !important;
    border-radius: 3px !important;
    margin-left: 0px !important;
}

.modal-footer > .purple:hover
{
    background-color: #1e1e1e !important;
}

.modal-footer > .red
{
    color: #ffffff !important;
    background-color: #cb5a5e !important;
    font-weight: 600 !important;
    margin: 0px !important;
    float: right !important;
    border-radius: 3px !important;
    margin-left: 5px !important;
}

.modal-footer > .red:hover
{
    background-color: #cb5a5e !important;
}

.filter
{
    font-family: "Muli" !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    background-color: #e7f4f9;
    height: 45px;
}

.filter > td > .am-search
{
    width: 14%;
    float: left;
    padding: 0px 5px;
    box-sizing: border-box;
}


.am-search-title
{
    width: 8%;
    float: left;
    padding: 0px 5px;
    box-sizing: border-box;
    line-height: 35px;
    text-align: center;
    min-width: 100px;
}

.am-search-button
{
    width: 8%;
    float: left;
    padding: 0px 5px;
    box-sizing: border-box;
}

.am-search > .input-sm, select.input-sm
{
    line-height: 20px !important;
    padding: 5px 10px !important;
    border: 1px solid #dedede !important;
    border-radius: 3px !important;
    height: 30px !important;
    box-sizing: border-box !important;
}

.form-control:focus
{
    outline: none !important;
}

.am-search-btn
{
    font-family: "Muli" !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    background-color: #2e2e2e !important;
    line-height: 20px !important;
    padding: 4px 25px !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    margin-top: 1px !important;
    margin-left: 0px !important;
    width: 100% !important;
}

.am-search-btn:hover
{
    background-color: #1e1e1e !important;
}

.am-submit
{
    font-family: "Muli" !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    background-color: #e0e0e0 !important;
    line-height: 25px !important;
    padding: 4px 25px !important;
    border-radius: 3px !important;
    color: #2e2e2e !important;
    margin-top: 1px !important;
    margin-left: 0px !important;
    width: 100% !important;
}

.am-submit:hover
{
    background-color: #cccccc !important;
}

.am-apply
{
    font-family: "Muli" !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    background-color: #2e2e2e !important;
    line-height: 20px !important;
    padding: 4px 25px !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    margin-top: 1px !important;
    margin-left: 5px !important;
}

.am-apply:hover
{
    background-color: #1e1e1e !important;
}


ul.toggle-btn
{
    float: left;
    margin: 0px !important;
    margin-left: 25px !important;
    padding: 0px !important;
}

.am-toggle
{
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #e0e0e0 !important;
    border-radius: 3px !important;
    text-align: center;
    line-height: 35px;
    padding: 0px;
    cursor: pointer;
}

.am-toggle a
{
    display: block;
    width: 35px;
    height: 35px;
    color: #9e9e9e;
}

.am-toggle:hover a
{
    background: #f1f1f1;
    border-radius: 3px !important;
}

.active.am-toggle
{
    background: #000000 !important;
}

.active.am-toggle a
{
    color:#ffffff;
}

.active.am-toggle:hover a
{
    color:#ffffff;
    background: #000000 !important;
    border-radius: 3px !important;
}


.am-mobile, .am-stb, .am-web, .am-publish, .am-inactive, .am-draft, .am-bin
{
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 17px 17px;
    text-indent: -9999px;
    padding: 0px !important;
    margin: 0px 15px 0px 0px;
}

.am-mobile
{
    background-image: url(img/mobile.svg);
}

.am-stb
{
    background-image: url(img/stb.svg);
}

.am-web
{
    background-image: url(img/web.svg);
}

.am-publish
{
    background-image: url(img/publish.svg);
}

.am-inactive
{
    background-image: url(img/inactive.svg);
}

.am-draft
{
    background-image: url(img/draft.svg);
}

.am-bin
{
    background-image: url(img/bin.svg);
}






.portlet.box.blue
{
    border: none;
    border-top: 0;
    background-color: transparent;
    margin-bottom: 20px;
}


.portlet.box.blue > .portlet-title
{
    background-color: transparent;
}

.portlet.box.blue > .portlet-body
{
    background-color: #ffffff;
    border: 1px solid #f1f1f1;
    padding: 15px;
    border-radius: 0;
}

.portlet > .portlet-title > .nav-tabs
{
    margin-bottom: 0px !important;
}

.portlet > .portlet-title > .nav-tabs > li > a
{
    padding: 10px 15px !important;
}

.portlet > .portlet-title > .nav-tabs > li.active > a
{
    border-radius: 4px 4px 0px 0px !important;
    background-color: #4486a0;
    color: #ffffff;
}

.tab-pane > .form-group > .row
{
    margin-left: 0px;
    margin-right: 0px;
}

.form-control
{
    font-size: 12px;
}

.am-search > .input-icon > .form-control
{
    height: 30px !important;
    padding: 5px 15px 5px 30px !important;
    border-radius: 3px !important;
    line-height: 18px !important;
    font-size: 12px !important;
}

.am-search > .input-icon > i
{
    margin-top: 8px !important;
}

.panel .panel-body
{
    font-size: 12px !important;
}

.table-striped>tbody>tr:nth-of-type(odd)
{
    background: #ffffff;
}

.table-striped>tbody>tr:nth-of-type(even)
{
    background: #f9f9f9;
}

.am-bg-green
{
    background: #26a69a;
}

.am-bg-yellow
{
    background: #c49f47;
}

.am-bg-blue
{
    background: #3598dc;
}

.am-bg-red
{
    background: #cb5a5e;
}

.am-bg-purple
{
    background: #8e5fa2;
}

.am-bg-black
{
    background: #1e1e1e;
}

.am-heading
{
    font-family: "Muli";
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    display: block;
    height: 50px;
    border-radius: 4px 4px 0px 0px;
    background: transparent;
    padding: 15px;
    color: #ffffff;
    margin: 0px;
}

.am-wrap
{
    overflow: hidden;
    position: relative;
}

.widget-thumb-icon
{
    height: 40px;
    width: 40px;
    margin: 15px;
    float: right;
    color: rgba(255, 255, 255, 0.3);
    font-size: 20px;
    line-height: 40px;
    text-align: center;
}

.widget-thumb-body
{
    float: left;
    height: 40px;
    color: #ffffff;
    margin: 15px;
}


.widget-thumb-body-stat
{
    display: block !important;
    font-size: 18px !important;
    line-height: 25px !important;
    font-weight: 700 !important;
}

a.am-external
{
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url(img/external.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 19px 19px;
    text-indent: -9999px;
    right: 5px;
    top: 5px;
}

.am-dateselector
{
    background: #ffffff !important;
    border-radius: 4px !important;
    border: 1px solid #e0e0e0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    padding: 5px 20px !important;
    margin: 0px !important;
}

.am-dateselector:hover
{
    background: #e0e0e0 !important;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .05);
}

.am-calander
{
    margin-left: 10px;
    color: #cccccc;
}

.am-portlet
{
    border: 1px solid #e0e0e0;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .05);
    border-radius: 4px !important;
}

.am-portlet-title
{
    height: 50px;
    padding: 10px 15px;
    border-bottom: 1px solid #f1f1f1;
    background: #f9f9f9;
    border-radius: 4px 4px 0px 0px !important;
}

.am-portlet-title > .caption
{
    float: left;
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    line-height: 30px;
}

.am-portlet-title > .caption > i
{
    margin-right: 10px;
}

.am-portlet-title > .actions
{
    position: relative;
    float: right;
}

.am-portlet-body
{
    background: #ffffff;
    border-radius: 0px 0px 4px 4px !important;
    padding: 15px;
}

.btn-group > .am-revenue-btn
{
    display: block !important;
    text-decoration: none !important;
    height: 30px !important;
    padding: 0 15px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #9e9e9e !important;
    line-height: 30px !important;
    border-radius: 3px !important;
}

.btn-group > .am-revenue-btn:hover
{
    color: #3e3e3e !important;
}

.btn-group.open > .am-revenue-btn
{
    background: #81ccb7 !important;
    color: #ffffff !important;
}

.btn-group.open > .am-revenue-btn:hover
{
    background: #81ccb7 !important;
    color: #ffffff !important;
}

a.am-external-black
{
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url(img/external_black.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 19px 19px;
    text-indent: -9999px;
    right: 5px;
    top: 5px;
}


.multislct
{
    padding: 0px !important;
}

.select2-container-multi .select2-choices, .select2-container
{
    border-radius: 4px !important;
    padding-left: 0px !important;
    min-height: 30px !important;
}

.select2-container-multi .select2-choices .select2-search-field input
{
    margin: 0px !important;

}

.select2-container-multi .select2-choices .select2-search-choice
{
    line-height: 20px !important;
    padding: 0px 15px 0px 25px !important;
    border-radius: 3px !important;
    border: none !important;
    margin: 5px !important;
    background: #e5e5e5 !important;
}

.select2-container-multi.select2-dropdown-open .select2-choices
{
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .05) !important;		
}

.select2-search-choice-close
{
    top: 6px !important;
    left: 5px !important;
}

.select2-container-multi.select2-container-active .select2-choices
{
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .05) !important;
    outline: none !important;
}

.panel-group .panel { 
    border-radius: 0;
}

.channel-msg
{
    margin: 0px !important;
    border: none !important;
}

.radio-inline
{
    padding-right: 0;
    padding-left: 0;
}

div.checker span
{
    background-image: url(img/check_box.svg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 38px 38px;
}

div.checker:hover span
{
    background-position: 0px -19px;
}

div.checker span.checked
{
    background-position: -19px 0px;
}

div.checker:hover span.checked
{
    background-position: -19px -19px;
}

.select2-container.form-control
{
    padding: 0px !important;
    border-radius: 4px !important;
}

/*.input-group-btn > .btn
{
    padding: 5px 10px !important;
}*/

.checkbox-inline
{
    padding-left: 0px !important;
    padding-right: 10px !important;
}

.select2-input .select2-default
{
    font-size: 12px !important;
}

.checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]
{
    margin-left: -10px !important;
}

.am-checkbox
{
    margin-right: 10px !important;
    color: #6e6e6e !important;
}

.portlet.box > .portlet-title
{
    color: #6e6e6e !important;
}

.portlet.box.blue > .portlet-title > .caption
{
    color: #000000 !important;
    line-height: 40px;
}

#form-css>table>tbody>tr>td
{
    border-top: none;
}

#form-css>table>thead>tr>th
{
    background: #f1f1f1;
    border: 1px solid #e0e0e0;
}

.btn_edit,.table-group-action-publish,.table-group-action-delete {

    line-height: 0; 
    font-size: 0;
    color: transparent; 
}
.zero-margin{
    margin: 0px !important;
}
.dataTable > thead > tr > th.no-sort:first-child, .dataTable > thead > tr > tr > th.no-sort:first-child, .dataTable > thead > tr > th.no-sort:first-child{
    padding:0px !important;
    background-image:none !important;
}

/*6-5-2017 Mohammad Ali*/
.mediainfo{
    margin: 0px 5px;
}
.dashboard-stat2 .display .number small { 
    text-transform: capitalize;
    font-weight: 400;
}
.dashboard-stat2 { 
    padding: 15px;
    box-shadow: 0 1px 3px #d4d4d4;
}
.dashboard-stat2 .display .icon > i { 
    font-size: 20px;
}
table.dataTable thead th, table.dataTable thead td { 
    border-bottom:1px solid transparent;
}
table.dataTable.no-footer { 
    border-bottom: 1px solid transparent;
}
.fixed-loadinggif{
    position: absolute;
    background: #ffffff url(../majors/images/ring-alt.gif) no-repeat right center;
    z-index: 9999999;
    display: inline-block;
    width: 25px;
    height: 25px;
}