/* custom for FYXYT */
.top-buffer-5 {
    margin-top: 5px;
}

.top-buffer-10 {
    margin-top: 10px;
}

.top-buffer-15 {
    margin-top: 15px;
}

.top-buffer-20 {
    margin-top: 20px;
}

.pad-0 {
    padding: 0px 0px 0px 0px;
}

.pad-5 {
    padding: 5px 5px 5px 5px;
}

.pad-10 {
    padding: 10px 10px 10px 10px;
}

.pad-15 {
    padding: 15px 15px 15px 15px;
}

.pad-20 {
    padding: 20px 20px 20px 20px;
}

.font-fyxyt {
    font-family: Oswald;
}

.btn-width-150 {
    width: 150px;
}

.input-group-addon {
    /*min-width:100px;  if you want width please write here */
    text-align: left;
}

.input-group-addon-width-100 {
    width: 100px;
}

.mapcanvas {
    width: 100%;
    height: 300px;
    width: 300px;
    margin: 0;
    padding: 5px;
}

.video-container {
    position: relative; /* keeps the aspect ratio */
    padding-bottom: 56.25%; /* fine tunes the video positioning */
    padding-top: 60px;
    overflow: hidden;
}

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


.green {
    color: lightgreen
}

.red {
    color: rgba(255, 0, 0, 1.00)
}

.well-lg {
    background-color: rgb(22, 105, 173);
}

.form-group {
    margin-bottom: 3px;
}

.navbar {
    margin-bottom: 5px;
}

.panel-body {
    padding-bottom: 0px;
    padding-top: 0px;
}

.nav-tabs {
    /*background-color:#161616;*/
}

.tab-content {
    /*background-color: #F26722;*/
    color: #fff;
    padding: 5px;
}

.nav-tabs > li > a {
    border: medium none;
}

    .nav-tabs > li > a:hover {
        background-color: #F26722 !important;
        border: medium none;
        border-radius: 0;
        color: #fff;
        font-weight: bold;
    }

.nav-tabs > li.active > a {
    color: #F26722;
    font-weight: bold;
}

/*.RadGrid_Bootstrap .rgMasterTable, .RadGrid_Bootstrap .rgDetailTable, .RadGrid_Bootstrap .rgGroupPanel table, .RadGrid_Bootstrap .rgCommandRow table, .RadGrid_Bootstrap .rgEditForm table, .RadGrid_Bootstrap .rgPager table {
    font: 12px/1.42857 "Helvetica Neue",Helvetica,Arial,sans-serif;
}*/

.center_text {
    width: 80%
}

.toggle_width {
    width: 20%;
}

.btn_grp {
    width: 100%;
}

.input-group-addon.info {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 179, 215);
    border-color: rgb(38, 154, 188);
}

@media only screen and (min-width: 761px) {
    .checklistcolumn {
        min-width: 100px !important;
        max-width: 400px !important;
    }
}

.clickdesk_bubble {
    display: none !important;
}

.btn-facebook {
    background-color: #3b5998;
    color: #fff;
}

.btn-google {
    background-color: #dd4b39;
    color: #fff;
}

.btn-twitter {
    background-color: #2ba9e1;
    color: #fff;
}

.btn-pinterest {
    background-color: #cb2027;
    color: #fff;
}

.btn-tumblr {
    background-color: #2c4762;
    color: #fff;
}

.btn-project {
    background-color: #2F4F4F;
    color: #fff;
}

.btn-checklist {
    background-color: #B8860B;
    color: #fff;
}

.centered {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    /*position: absolute;*/
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 17px;
        width: 17px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #5cb85c;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
    position:absolute;
}

    .slider.round:before {
        border-radius: 50%;
    }


input[type=checkbox][disabled] + .single-checkbox {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

/* Clearable text inputs */
/*.clearable {
    position: relative;*/
    /*display: inline-block;*/
/*}

    .clearable input[type=text] {
        padding-right: 24px;
        width: 100%;
        box-sizing: border-box;
    }

.clearable__clear {
    display: none;
    position: absolute;
    right: 44px;
    top: 31px;
    padding: 0 8px;
    font-style: normal;
    font-size: 1.2em;
    user-select: none;
    cursor: pointer;
    z-index:2;
}

.clearable input::-ms-clear {*/ /* Remove IE default X */
    /*display: none;
}*/

@media (min-width: 768px) {
    .modal-bulk {
        width: 500px !important;
        margin: 30px auto;
    }
}
.alert-information {
    background: #EDF5FF;
    border-radius: 0px 4px 4px 0px;
    color: #777777;
    font-size: 14px;
    border-left-width: 2px;
    border-left-color: #0043CE;
}
.alert .glyphicon {
    display: table-cell;
    color: #0043CE;
}

.alert div,
.alert span {
    padding-left: 5px;
    display: table-cell;
}

.input-group-addon-width-300 {
    width: 300px;
}

.role-checkbox {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 6px 12px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    line-height: 1;
}

.role-desc {
    display: block;
    padding-top: 5px;
}

.pad-9 {
    padding: 10px
}

.role-header {
    font-weight: 500;
    font-size: 16px;
    color: #333333;
}