/* Minification failed. Returning unminified contents.
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,28): run-time error CSS1039: Token not allowed after unary operator: '-color1'
(96,18): run-time error CSS1039: Token not allowed after unary operator: '-color1'
(101,32): run-time error CSS1039: Token not allowed after unary operator: '-color3'
(102,22): run-time error CSS1039: Token not allowed after unary operator: '-color1'
(156,17): run-time error CSS1039: Token not allowed after unary operator: '-colorhighlighttext'
(181,32): run-time error CSS1039: Token not allowed after unary operator: '-colorhighlight'
(182,21): run-time error CSS1039: Token not allowed after unary operator: '-colorhighlighttext'
(228,17): run-time error CSS1039: Token not allowed after unary operator: '-color1'
(241,17): run-time error CSS1039: Token not allowed after unary operator: '-color1'
(310,17): run-time error CSS1039: Token not allowed after unary operator: '-color1'
(362,22): run-time error CSS1039: Token not allowed after unary operator: '-colorhighlight'
(505,17): run-time error CSS1039: Token not allowed after unary operator: '-color1-alt'
(589,17): run-time error CSS1039: Token not allowed after unary operator: '-colordark-availabilitystatusid-0'
(590,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundcolor-availabilitystatusid-0'
(594,17): run-time error CSS1039: Token not allowed after unary operator: '-colordark-availabilitystatusid-1'
(595,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundcolor-availabilitystatusid-1'
(599,17): run-time error CSS1039: Token not allowed after unary operator: '-colordark-availabilitystatusid-2'
(600,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundcolor-availabilitystatusid-2'
(604,17): run-time error CSS1039: Token not allowed after unary operator: '-colordark-availabilitystatusid-3'
(605,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundcolor-availabilitystatusid-3'
(609,17): run-time error CSS1039: Token not allowed after unary operator: '-colordark-availabilitystatusid-4'
(610,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundcolor-availabilitystatusid-4'
(614,17): run-time error CSS1039: Token not allowed after unary operator: '-colordark-availabilitystatusid-5'
(615,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundcolor-availabilitystatusid-5'
(619,17): run-time error CSS1039: Token not allowed after unary operator: '-colordark-availabilitystatusid-6'
(620,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundcolor-availabilitystatusid-6'
(626,17): run-time error CSS1039: Token not allowed after unary operator: '-colordark-availabilitystatusid-0'
(630,17): run-time error CSS1039: Token not allowed after unary operator: '-colordark-availabilitystatusid-1'
(634,17): run-time error CSS1039: Token not allowed after unary operator: '-colordark-availabilitystatusid-2'
(638,17): run-time error CSS1039: Token not allowed after unary operator: '-colordark-availabilitystatusid-3'
(642,17): run-time error CSS1039: Token not allowed after unary operator: '-colordark-availabilitystatusid-4'
(646,17): run-time error CSS1039: Token not allowed after unary operator: '-colordark-availabilitystatusid-5'
(650,17): run-time error CSS1039: Token not allowed after unary operator: '-colordark-availabilitystatusid-6'
 */


/* ------------------------------------------------
    Template for Planet Web Portal
    Master Template for color scheme:
------------------------------------------------ */
:root {
    --color1: #005590; /* this one gets overwritten with the style*/
    --color1-alt: gray; /* this one gets overwritten with the style*/
    /*-------------------------------------------*/
    /* 0 = not available GRAY */
    --color-availabilitystatusid-0: Gray;
    --colordark-availabilitystatusid-0: #333333;
    --backgroundcolor-availabilitystatusid-0: #cccccc;
    /* 1= available now GREEN */
    --color-availabilitystatusid-1: Green; /* Bright Pure color for Map Square */
    --colordark-availabilitystatusid-1: #006609; /* Darker for Text */
    --backgroundcolor-availabilitystatusid-1: #d9ffdc; /* Light for Backgrounds */
    /* 2 = coming soon, no orders yet ORANGE */
    --color-availabilitystatusid-2: #ff8000;
    --colordark-availabilitystatusid-2: #663300;
    --backgroundcolor-availabilitystatusid-2: #ffd9b3;
    /* 3 = Coming soon and PRE-order is available BLUE */
    --color-availabilitystatusid-3: #3971A6;
    --colordark-availabilitystatusid-3: #1a344c;
    --backgroundcolor-availabilitystatusid-3: #b3cde5;
    /* 4 = "Permitting" (Red) */
    --color-availabilitystatusid-4: Red;
    --colordark-availabilitystatusid-4: #ff0000;
    --backgroundcolor-availabilitystatusid-4: #ffcccc;
    /* 5 = "Strand Construction" (Pink)*/
    --color-availabilitystatusid-5: #800080;
    --colordark-availabilitystatusid-5: #800080;
    --backgroundcolor-availabilitystatusid-5: #ffccff;
    /* 6 = "Fiber Construction" (Yellow) */
    --color-availabilitystatusid-6: #807900;
    --colordark-availabilitystatusid-6: #807900;
    --backgroundcolor-availabilitystatusid-6: #fff64d;
}
/* ------------------------------------------------ */

body {
    /*padding-top: 50px;*/
    padding-bottom: 20px;
}


/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}


.container {
    /* width: 1170px; */
    width: 98% !important;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}


.TemplateColorTextDark {
    color: #005590;
}


.navbar-search {
    overflow: hidden;
    display: inline;
    /*background-color: #333;*/
}




/*--------- GRID MENUS -------------------------*/
.clearfilters {
    display: inline-flex;
    float: right;
    background-color: var(--color1) !important;
    color: white;
    border-radius: 5px;
    border: var(--color1) 1px solid;
    padding: 10px;
    margin: 10px 1px;
}
    .clearfilters:hover {
        background-color: var(--color3) !important;
        border: var(--color1) 1px solid;
    }

.clearfilters i {
    margin-right: 5px;
}




/*--------- pill selector -------------------------*/
.paspillbar {
    /*background-color: lightgray;*/
    display: inline-block;
    border: 1px solid gray;
    border-radius: 5px;
    margin: 5px;
    padding: 10px 20px;
    text-decoration: none;
}

    .paspillbar:hover {
        background-color: #9dbbd0;
        color: white;
    }

.paspillbar_Active {
    background-color: #6e9cbd;
    color: white;
}






/*--------- start CSS menu -------------------------*/
.navbar-cssmenu {
    overflow: hidden;
    display: inline;
    /*background-color: #333;*/
}

    .navbar-cssmenu a {
        float: left;
        font-size: 16px;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        
    }

.navbar-cssmenu-active {
    color: var(--colorhighlighttext);
    /*background: transparent url('/Content/Images/youarehere_arrow_FFA500.png') no-repeat center bottom;
    background-size: 50px 20%;*/
    background-color: black;
}

    

.dropdown-cssmenu {
    float: left;
    overflow: hidden;
}

    .dropdown-cssmenu .dropbtn {
        font-size: 16px;
        border: none;
        outline: none;
        color: white;
        padding: 14px 16px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
    }

    .navbar-cssmenu a:hover, .dropdown-cssmenu:hover .dropbtn {
        background-color: var(--colorhighlight);
        color: var(--colorhighlighttext);
        text-decoration: none;
    }

.dropdown-cssmenu-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .dropdown-cssmenu-content a {
        float: none;
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

        .dropdown-cssmenu-content a:hover {
            background-color: #ddd;
        }

.dropdown-cssmenu:hover .dropdown-cssmenu-content {
    display: block;
}

/*--------- end CSS menu -------------------------*/







/* Formatting Font Awesome Icons */
a.top-toolbar {
    font-size: 18px;
    color: white !important;
}
div.top-toolbarsub {
    display: inline;
    float: right;
    color: var(--color1)!important;
    font-size: 18px;
    margin: 5px;
    font-weight: lighter;
}
.top-toolbar-icons {
    margin: 0 8px 0 20px;
    font-size: 18px;
    color: white;
}
.icons-default {
    margin: 2px;
    font-weight: lighter;
    color: var(--color1);
}
a.icons-titles {
    margin: 0 15px 0 0;
}
.icons-hero-index {
    font-size: 26px;
    margin: 0 10px 0 0;
    font-weight: lighter;
}
.icons-view-top-left {
    font-size: 24px;
    margin: 5px 15px 10px 0;
    font-weight: lighter;
}
h3.page-title {
    font-weight: lighter;
    font-size: 26px;
    margin-bottom: 25px;
    margin-top: 20px;
}


div.successbar {
    display: block;
    padding: 15px;
    margin-bottom: 15px;
    background-color: #e1ffd7;
    border-radius: 10px;
    font-size: 120%;
    color: Green;
}
div.infobar {
    display: block;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fff0e3;
    border-radius: 10px;
    font-size: 120%;
    color: #ab6625;
}
div.error-message {
    /* login problem, wrong password */
    display: block;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fff0e3;
    border-radius: 10px;
    font-size: 120%;
    color: #ab6625;
}
div.lockedout-message {
    /* user is locked out */
    display: block;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #ffd9d6;
    border-radius: 10px;
    font-size: 120%;
    color: #852318;
}
div.disabled-message {
    /* user is disabled */
    display: block;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f2f0ee;
    border-radius: 10px;
    font-size: 120%;
    color: var(--color1);
}

.alertfadeawayboxright {
    display: inline;
    padding: 10px;
    margin: 10px;
    float: right;
    padding: 5px!important;
    margin-bottom: 5px!important;
}
    .alertfadeawayboxright i {
        padding: 3px !important;
    }
.alertfadeawayboxleft {
    display: inline;
    padding: 10px;
    margin: 10px;
    float: left;
    padding: 5px !important;
    margin-bottom: 5px !important;
}
    .alertfadeawayboxleft i {
        padding: 3px !important;
    }




ul.dropdown-menu {
    width: 100%;
    min-width: 200px;
    padding-bottom: 10px;
}


ul.dropdown-menu li i {
    margin: 5px;
}

.dot {
    /*height: 60px;
            width: 60px;*/
    background-color: #e4e4e4;
    border-radius: 50%;
    display: inline-block;
    margin: 20px;
    line-height: 60px;
    font-size: 200%;

    /*background-color: var(--colorhighlight);
    color: var(--colorhighlighttext);*/
    background: var(--colorhighlight);

    /*background: -moz-linear-gradient(left, var(--color2) 0%, var(--color1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, var(--color2)), color-stop(100%, var(--color1)));
    background: -webkit-linear-gradient(left, var(--color2) 0%, var(--color1) 100%);
    background: -o-linear-gradient(left, var(--color2) 0%, var(--color1) 100%);
    background: -ms-linear-gradient(left, var(--color2) 0%, var(--color1) 100%);
    background: linear-gradient(to right, var(--color2) 0%, var(--color1) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#489cea', endColorstr='#1f7be5', GradientType=1);
    border-radius: 50%;
    height: 60px;
    width: 60px;
    position: relative;
    box-shadow: 0 0 0 5px #F1F1F1;
    color: white;
    vertical-align: middle;
}


div.permHeader {
    font-size: 20px;
    color: gray;
    margin-top: 25px;
    margin-bottom: 10px;
    border-bottom: solid #dedede 1px;
}

.permitem {
    font-size: 16px;
    margin: 15px;
}

.permcheckboxspan {
    margin-right: 10px;
}

.permcheckbox {
    width: 15px;
    height: 15px;
}




input[type=checkbox] {
    /* bigger checkboxes */
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    transform: scale(1.5);
    padding-right: 10px;
    margin: 10px;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -10px !important;
}
.checkbox label {
    /*margin-left: 15px !important;*/
}





.dropdown-toggle-toolbar {
    color: White;
}

/*  expanding table grid styles */
.grid-left-title {
    text-align: right;
    font-weight: bold;
}



.Table-Cell-Status-Confirmed {
    background-color: #f4fff2;
    color: #858585;
}
    .Table-Text-Status-Confirmed {
        color: green;
    }

.Table-Cell-Status-Pending {
    background-color: #fff8de;
    color: #a6902d;
}
    .Table-Text-Status-Pending {
        color: #a6902d;
    }
.Table-Cell-Status-Unconfirmed {
    background-color: #f5f3f1;
    color: #575656;
}
    .Table-Text-Status-Unconfirmed {
        color: #575656;
    }





.Table-Cell-Type-Root-Admin {
    color: Red;
}


.Table-Cell-LogType-Info {
    background-color: #dcffd2;
    color: green;
}

.Table-Cell-LogType-Warning {
    background-color: #fff8de;
    color: #a6902d;
}

.Table-Cell-LogType-Error, .Table-Cell-LogType-Critical-Error {
    background-color: #f5f3f1;
    color: Red;
}




.halfwidth {
    width: 50%;
}

.paneltitle {
    font-size: 18px;
    font-weight: lighter;
}

.panelsubtitle {
    font-size: 13px;
    color: var(--color1-alt);
    /*color: gray;*/
    
}

.panelbutton {
    font-size: 14px;
    float: right;
}




/* Permission Admin */
.pagetitle {
    font-size: 24px;
    font-weight: lighter;
    margin-top: 30px;
}
span.worldglobe {
    font-size: 12px;
    color: lightgray;
    margin: 0 10px;
}
.role {
    padding: 25px 0;
}
.resourcegroupname {
    color: gray;
    display: table-cell;
    float: left;
    font-size: 12px;
    padding: 4px;
    margin: 3px;
}
.roletitle {
    font-size: 24px;
    font-weight: lighter;
    padding: 12px;
    border-bottom: 1px solid lightgray;
    /*color: #005590;*/
    background-color: #f9f9f9;
    border-radius: 5px;
}
.roledescription {
    color: gray;
    font-size: 14px;
}
.resourcetitle {
    /*Resources title*/
    font-size: 14px;
    padding-right: 8px;
    /*color: #005590;*/
    /*font-weight: lighter;*/
}
.operationstable {
    width: 100%;
}

    .operationstable tr {
        border-bottom: 1px solid lightgray;
    }

.operationcheckbox {
    font-size: 18px;
    padding-right: 3px;
}
.operationname {
    font-size: 16px;
    font-weight: lighter;
    /*color: #005590;*/
    padding-right: 20px;
}
.operationdesc {
    font-size: 11px;
    padding-bottom: 10px;
    display: block;
    color: gray;
}


/* GLOBAL Availability Status Buttons, Icons, Text */

.statusNotAvailable {
    color: var(--colordark-availabilitystatusid-0);
    background-color: var(--backgroundcolor-availabilitystatusid-0);
}

.statusAvailableNow {
    color: var(--colordark-availabilitystatusid-1);
    background-color: var(--backgroundcolor-availabilitystatusid-1);
}

.statusComingSoonNoOrders {
    color: var(--colordark-availabilitystatusid-2);
    background-color: var(--backgroundcolor-availabilitystatusid-2);
}

.statusComingSoonWithOrders {
    color: var(--colordark-availabilitystatusid-3);
    background-color: var(--backgroundcolor-availabilitystatusid-3);
}

.statusPermitting {
    color: var(--colordark-availabilitystatusid-4);
    background-color: var(--backgroundcolor-availabilitystatusid-4);
}

.statusStrandConstruction {
    color: var(--colordark-availabilitystatusid-5);
    background-color: var(--backgroundcolor-availabilitystatusid-5);
}

.statusFiberConstruction {
    color: var(--colordark-availabilitystatusid-6);
    background-color: var(--backgroundcolor-availabilitystatusid-6);
}



.inverted_statusNotAvailable {
    color: var(--colordark-availabilitystatusid-0);
}

.inverted_statusAvailableNow {
    color: var(--colordark-availabilitystatusid-1);
}

.inverted_statusComingSoonNoOrders {
    color: var(--colordark-availabilitystatusid-2);
}

.inverted_statusComingSoonWithOrders {
    color: var(--colordark-availabilitystatusid-3);
}

.inverted_statusPermitting {
    color: var(--colordark-availabilitystatusid-4);
}

.inverted_statusStrandConstruction {
    color: var(--colordark-availabilitystatusid-5);
}

.inverted_statusFiberConstruction {
    color: var(--colordark-availabilitystatusid-6);
}


.databaseconnectionwarningflag {
    background-color: floralwhite;
    padding: 3px 15px;
    border: 1px solid lightgray;
    border-left: 5px solid orange;
    border-radius: 5px;
    margin-bottom: 10px;
    color: gray;
}