@font-face {
    font-family: SAM;
    src: url('/fonts/SAM.ttf');
}
@media(max-width: 400px ) {
	#help_center {
		display: none;
	}
	.guest_menu{
		font-size: small;
	}
}
#tabledata{
    margin-bottom: 70px;
}
#tabledata tr>td{
    vertical-align: middle !important;
}

#tabledata > tbody > tr > td > a > img {
    max-width: 80px;
    max-height: 50px;
}

.v-middle{
    vertical-align: middle !important;
}

.navbar-nav > .user-menu > .dropdown-menu{
    padding: 0 !important;
}
.dropdown-menu{
    border: none;
}


.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    max-width: 280px;
}

.clickable-item-modal,.clickable-item-modal-wide,.modal-button,.clickable-item{

    cursor: pointer;

}

table#weekdays td{
	border: 1px solid #606060;
	width: 35px;
}

table#weekdays thead th {
	min-width: 30px;
	text-align: center;
}

.g-recaptcha{
	transform:scale(0.92);
	-webkit-transform:scale(0.92);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;

}
.main-footer{
    padding: 6px;
}
li.user-header p{
    text-align: left;
}
li.user-header p.small {
    font-size: small;
}

@media(max-width: 400px ){
    #login_image img{
        max-width: 180px;
    }

    #tag_selection_div .form-control,#cat_selection_div .form-control{
        max-height: 28px;
        font-size: x-small;
    }

}

.loader .overlay > .fa{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}

#module_table{
    list-style: none;
    padding-top: 5px;
}

#module_table li{
    padding-top: 5px;

}

#module_table li a.btn{
    min-width: 175px;
}
/*
#kinetic_frame {
    zoom: 0.90;
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.90);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.90);
    -webkit-transform-origin: 0 0;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #kinetic_frame  { zoom: 1;  }
}*/
@media(max-width: 769px) {
    #main_buttons{
        display: none;
    }
    #alt_buttons {
        display: block;
    }
    .main-header .logo{
        display: none;
    }
    .main-header .logo .logo-lg{
        display: none;
    }
    span.alt-logo{
        display: inline;
    }

    .btn{
	    font-size: 12px;
    }
}
@media(min-width: 768px) {
    #main_buttons{
        display: block;
    }
    #alt_buttons {
        display: none;
    }
    .main-header .logo .logo-lg{
        display: block;
    }
    span.alt-logo{
        display: none;
    }
}

#msg{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-left: 5px;
    vertical-align: middle;
/*    background-color: #7f9743;
    position: relative;
    color: antiquewhite;*/

}

div.box-body div.row{/*override default -15px margins for modals -- looks wrong */
    margin-left: 0;
    margin-right: 0;
}

div.wide-modal{ /* histograms, for now */
    overflow-x: hidden;
    overflow-y: scroll;
    width: auto;
    max-height: 90vh;

}
div.wide-modal-x{ /* histograms, for now */
    overflow-x: scroll;
    width: auto;
    max-height: 90vh;

}
div.wide-modal-90{
    overflow: scroll;
    width: 100%;
    max-height: 70vh;
}
tr.danger>td{
    background-color: #f5989836 !important;/*offline row color */
}

div.form-group label{
    display: block;
}
div.form-group input{
    display: block;
}

div.row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

div.box{
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-top: none !important;
}

div.box .box-header{
    font-family: "Segoe UI Black",'Open Sans', sans-serif;
    /*font-weight: bold;*/
}

div.form-group label{
    font-size: smaller;
}
div.box-margin{

    box-shadow: none;
}

.hover_reveal{
    /*font-family: "DejaVu Sans Mono","Muli",sans-serif;*/
    font-size: 12px;
}
@media (max-width: 1024px) {

    #breadcrumb{
        font-size: small;
    }
    #small_screens {
        display: block;
    }

    #large_screens,.large_screens {
        display: none;
    }
    #view_style, #add_router, #add_addtl_router{
        display: none;
    }
}

@media (min-width: 800px){


    #small_screens,.small_screens{
        display: none;
    }
    #large_screens{
        display: block;
    }
    #view_style, #add_router, #add_addtl_router{
        display: block;
    }

}

.modal-content{ /* New box setting mess up modal display */
    border: none;
    box-shadow: none;
    background: transparent;
}

.layout_size{
    font-size: small;
}

@media (max-width: 768px){
    .fixed .content-wrapper, .fixed .right-side {
        padding-top: 50px;
    }
}

@media (max-width: 600px){
    div.container-fluid, section.content, div.col-lg-12, div.form-group.col-xs-12, div.form-group.col-sm-12, div.form-group.col-md-12, div.panel-body {
        padding: 0;
    }
    section.content-header {
        margin-bottom: 10px;
    }

}

table#upgrade_table>thead>tr>th,table#upgrade_table>tbody>tr>td{
    max-width: 100px;
}

#breadcrumb {
    list-style: none;
    display: block;
    padding: 0;
    font-size: small;

}
#breadcrumb .icon {
    font-size: 14px;
}
#breadcrumb li {
    float: left;
    margin-bottom: 3px;
}
#breadcrumb li a {
    color: #FFF;
    display: block;
    background: #3498db;
    text-decoration: none;
    position: relative;
    height: 32px;
    line-height: 32px;
    padding: 0 10px 0 5px;
    text-align: center;
    margin-right: 23px;
}

#breadcrumb li:nth-child(even) a {
    background-color: #2980b9;
}
#breadcrumb li:nth-child(even) a:before {
    border-color: #2980b9;
    border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after {
    border-left-color: #2980b9;
}
#breadcrumb li:first-child a {
    padding-left: 15px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 0 0 4px;
}
#breadcrumb li:first-child a:before {
    border: none;
}
#breadcrumb li:last-child a {
    padding-right: 15px;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0;
    border-radius: 0 4px 4px 0;
}
#breadcrumb li:last-child a:after {
    border: none;
}
#breadcrumb li a:before, #breadcrumb li a:after {
    content: "";
    position: absolute;
    top: 0;
    border: 0 solid #3498db;
    border-width: 16px 10px;
    /*width: 0;*/
    /*height: 0;*/
}
#breadcrumb li a:before {
    left: -20px;
    border-left-color: transparent;
}
#breadcrumb li a:after {
    left: 100%;
    border-color: transparent;
    border-left-color: #3498db;
}


#breadcrumb li a:hover {
    background-color: #1abc9c;
}
#breadcrumb li a:hover:before {
    border-color: #1abc9c;
    border-left-color: transparent;
}
#breadcrumb li a:hover:after {
    border-left-color: #1abc9c;
}
#breadcrumb li a:active {
    background-color: #16a085;
}
#breadcrumb li a:active:before {
    border-color: #16a085;
    border-left-color: transparent;
}
#breadcrumb li a:active:after {
    border-left-color: #16a085;
}


#breadcrumb li a.partner{
	background-color: darkred;
}

#breadcrumb li a.partner:before, #breadcrumb li a.partner:after {

	border: 0 solid darkred;
	border-width: 16px 10px;

}
#breadcrumb li a.partner:before {
	border-left-color: transparent;
}
#breadcrumb li a.partner:after {
	border-color: transparent;
	border-left-color: darkred;
}

#breadcrumb li a.service-account{
	background-color: #a8a800;
}

#breadcrumb li a.service-account:before, #breadcrumb li a.service-account:after {

	border: 0 solid #a8a800;
	border-width: 16px 10px;

}
#breadcrumb li a.service-account:before {
	border-left-color: transparent;
}
#breadcrumb li a.service-account:after {
	border-color: transparent;
	border-left-color: #a8a800;
}




    @media (max-width: 1024px) {

        #breadcrumb{
            font-size: small;

        }

        #breadcrumb li a{
            height: 20px !important;
            line-height: 20px !important;
        }

        #breadcrumb li a:before, #breadcrumb li a:after {
            border-width: 10px 10px;
	        height: 20px !important;
	        line-height: 20px !important;
        }

	    #breadcrumb li a.service-account:before, #breadcrumb li a.service-account:after, #breadcrumb li a.partner:before, #breadcrumb li a.partner:after{
		    border-width: 10px 10px;
	    }

        #small_screens {
            display: block;
        }

        #large_screens,.large_screens {
            display: none;
        }
        #view_style, #add_router, #add_addtl_router{
            display: none;
        }
        .layout_size{
            font-size: xx-small;
        }
        #layout_name, #layout_size{
            font-size: xx-small;
        }
    }
li.ac-list-item{
	list-style: none;
}

.ac-btn{
	top: 1.5rem !important;
}

a.ac-anchor div:hover{
	background: #1e282c;
}

.form-input-float-checkboxes {
    float: left;
    margin-right:  10px;
}